/** ====== 全局 ====== **/
html { font-family: sans-serif;-webkit-user-select: none; -moz-user-select: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], template { display:none }
a { background-color: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 700 }
dfn { font-style: italic }
h1 { margin: .67em 0; font-size: 2em }
mark { color: #000; background: #ff0 }
small { font-size: 80% }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
img { border: 0; -webkit-touch-callout: none; }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner { padding:0; border:0 }
input { line-height: normal }
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height:auto }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance:none }
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver }
legend { padding: 0; border: 0 }
textarea { overflow: auto }
optgroup { font-weight: 700 }
table { border-spacing: 0; border-collapse: collapse }
td, th { padding: 0 }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0) }
body { font-family: 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif; font-size: 15px; line-height: 26px; color: #272727; background-color: #fff }
body * { letter-spacing: .05em; }
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit }
a { color: #222; text-decoration: none }
a:focus, a:hover { color: #e61c51;text-decoration: none; outline: none; border: none; }
p { margin: 0 0 10px }
ul, li { margin: 0; padding: 0; list-style: none; }
figure { margin: 0 }
img { max-width: 100%; vertical-align: middle }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee }
h1 { font-size: 36px }
h2 { font-size: 30px }
h3 { font-size: 24px }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }
h1, h2, h3, h4, h5, h6 { font-family: 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', Tahoma, Arial, sans-serif; line-height: 1.1; color: inherit; font-weight: 400; margin: 0; padding: 0; }

.input-append { display: block; position: relative; }
.input-append em { display: block; position: absolute; right: 15px; top: 8px; color: #999; }
.row-height { display: table; table-layout: fixed; height: 100%; width: 100%; }
.col-height { display: table-cell; float: none; height: 100%; }
.col-top { vertical-align: top; }
.col-middle { vertical-align: middle; }
.col-bottom { vertical-align: bottom; }

.anim-3, .anim-3-all * { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.anim-5, .anim-5-all * { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.anim-7, .anim-7-all * { transition: all 0.7s ease; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; }

.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.text-nowrap { white-space: nowrap }

.img-rounded { border-radius: 6px }
.img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.img-circle { border-radius: 50% }

.fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear }
.fade.in { opacity: 1 }
.dropdown { position: relative }
.pull-right { float: right!important }
.pull-left { float: left!important }
.hide { display: none!important }
.show { display: block!important }
.invisible { visibility: hidden }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }
.hidden { display: none!important }
.affix { position: fixed }
.container,.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
.container:before, .container:after,.container-fluid:before, .container-fluid:after { display: table; content: " " }
.container:after,.container-fluid:after { clear: both }
.container:before, .container:after,.container-fluid:before, .container-fluid:after { display: table; content: " " }
.container:after,.container-fluid:after { clear: both }
.row { margin-right: -15px; margin-left: -15px }
.row:before, .row:after { display: table; content: " " }
.row:after { clear: both }
.row:before, .row:after { display: table; content: " " }
.row:after { clear: both }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left }
.col-xs-12 { width: 100% }
.col-xs-11 { width: 91.66666667% }
.col-xs-10 { width: 83.33333333% }
.col-xs-9 { width: 75% }
.col-xs-8 { width: 66.66666667% }
.col-xs-7 { width: 58.33333333% }
.col-xs-6 { width: 50% }
.col-xs-5 { width: 41.66666667% }
.col-xs-4 { width: 33.33333333% }
.col-xs-3 { width: 25% }
.col-xs-2 { width: 16.66666667% }
.col-xs-1 { width: 8.33333333% }
@media (min-width:768px) {
.container { width: 750px }
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left }
.col-sm-12 { width: 100% }
.col-sm-11 { width: 91.66666667% }
.col-sm-10 { width: 83.33333333% }
.col-sm-9 { width: 75% }
.col-sm-8 { width: 66.66666667% }
.col-sm-7 { width: 58.33333333% }
.col-sm-6 { width: 50% }
.col-sm-5 { width: 41.66666667% }
.col-sm-4 { width: 33.33333333% }
.col-sm-3 { width: 25% }
.col-sm-2 { width: 16.66666667% }
.col-sm-1 { width: 8.33333333% }
}
@media (min-width:992px) {
.container { width: 970px }
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left }
.col-md-12 { width: 100% }
.col-md-11 { width: 91.66666667% }
.col-md-10 { width: 83.33333333% }
.col-md-9 { width: 75% }
.col-md-8 { width: 66.66666667% }
.col-md-7 { width: 58.33333333% }
.col-md-6 { width: 50% }
.col-md-5 { width: 41.66666667% }
.col-md-4 { width: 33.33333333% }
.col-md-3 { width: 25% }
.col-md-2 { width: 16.66666667% }
.col-md-1 { width: 8.33333333% }
}
@media (min-width:1200px) {
.container { width: 1170px }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left }
.col-lg-12 { width: 100% }
.col-lg-11 { width: 91.66666667% }
.col-lg-10 { width: 83.33333333% }
.col-lg-9 { width: 75% }
.col-lg-8 { width: 66.66666667% }
.col-lg-7 { width: 58.33333333% }
.col-lg-6 { width: 50% }
.col-lg-5 { width: 41.66666667% }
.col-lg-4 { width: 33.33333333% }
.col-lg-3 { width: 25% }
.col-lg-2 { width: 16.66666667% }
.col-lg-1 { width: 8.33333333% }
}

label { display: inline-block; max-width: 100%; line-height: 40px; }
.form-control { display: block; width: 100%; height: 40px; padding: 8px 12px; font-size: 16px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s }
.form-control:focus { border-color: #e61c51; outline: 0; }
.form-control::-moz-placeholder { color:#999; opacity:1 }
.form-control:-ms-input-placeholder { color:#999 }
.form-control::-webkit-input-placeholder { color:#999 }
.btn { display: inline-block; padding: 8px 12px; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; }
.btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none; outline: 0; }
.btn-block { display: block; width: 100% }

.alert { padding: 10px 15px; margin-bottom: 20px; color: #262626; background-color: #f1f1f1; border: 1px solid transparent; border-color: #e4e4e4; -webkit-transition: all .5s cubic-bezier(.175, .885, .32, 1); -o-transition: all .5s cubic-bezier(.175, .885, .32, 1); transition: all .5s cubic-bezier(.175, .885, .32, 1) }
.alert-success { color: #1e8a1f; background-color: #e5ffe6; border-color: #d4ffcc }
.alert-warning { color: #cb7700; background-color: #fff4e5; border-color: #ffe1cc }
.alert-danger { color: #bd2d29; background-color: #ffe6e5; border-color: #ffccd3 }

@font-face { font-family: 'ltbt'; src: url('../fonts/ltbt.eot?xyk6xf'); src: url('../fonts/ltbt.eot?xyk6xf#iefix') format('embedded-opentype'),  url('../fonts/ltbt.ttf?xyk6xf') format('truetype'),  url('../fonts/ltbt.woff?xyk6xf') format('woff'),  url('../fonts/ltbt.svg?xyk6xf#ltbt') format('svg'); font-weight: normal; font-style: normal; }
 [class^="fa-"], [class*=" fa-"] {
 font-family: 'ltbt' !important;
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.fa-logo:before { content: "\e900"; }
.fa-ArrowLeft:before { content: "\e100"; }
.fa-ArrowRight:before { content: "\e101"; }
.fa-angle-up:before { content: "\e102"; }
.fa-angle-down:before { content: "\e103"; }
.fa-angle-left:before { content: "\e104"; }
.fa-angle-right:before { content: "\e105"; }
.fa-angle-double-up:before { content: "\e106"; }
.fa-angle-double-down:before { content: "\e107"; }
.fa-angle-double-left:before { content: "\e108"; }
.fa-angle-double-right:before { content: "\e109"; }
.fa-caret-up:before { content: "\e10a"; }
.fa-caret-down:before { content: "\e10b"; }
.fa-caret-left:before { content: "\e10c"; }
.fa-caret-right:before { content: "\e10d"; }
.fa-minus:before { content: "\e10e"; }
.fa-plus:before { content: "\e10f"; }
.fa-remove:before { content: "\e110"; }
.fa-ok:before { content: "\e111"; }
.fa-expand:before { content: "\e112"; }
.fa-compress:before { content: "\e113"; }
.fa-move:before { content: "\e114"; }
.fa-search:before { content: "\e115"; }
.fa-zoom-out:before { content: "\e116"; }
.fa-zoom-in:before { content: "\e117"; }
.fa-radio-no:before { content: "\e118"; }
.fa-radio-yes:before { content: "\e119"; }
.fa-check:before { content: "\e11a"; }
.fa-sliders:before { content: "\e11b"; }
.fa-list-ul:before { content: "\e11c"; }
.fa-list-ol:before { content: "\e11d"; }
.fa-th-large:before { content: "\e11e"; }
.fa-th:before { content: "\e11f"; }
.fa-save-alt:before { content: "\e120"; }
.fa-fingerprint:before { content: "\e121"; }
.fa-palette:before { content: "\e122"; }
.fa-weekend:before { content: "\e123"; }
.fa-pencil:before { content: "\e124"; }
.fa-edit2:before { content: "\e125"; }
.fa-picture:before { content: "\e126"; }
.fa-pictures:before { content: "\e127"; }
.fa-online:before { content: "\e128"; }
.fa-mobile:before { content: "\e129"; }
.fa-tablet:before { content: "\e12a"; }
.fa-laptop:before { content: "\e12b"; }
.fa-desktop:before { content: "\e12c"; }
.fa-spinner:before { content: "\e12d"; }
.fa-paper-clip:before { content: "\e12e"; }
.fa-calendar:before { content: "\e12f"; }
.fa-headphones:before { content: "\e130"; }
.fa-music:before { content: "\e131"; }
.fa-old-phone:before { content: "\e132"; }
.fa-globe:before { content: "\e133"; }
.fa-ban-circle:before { content: "\e134"; }
.fa-pie-chart:before { content: "\e135"; }
.fa-repeat:before { content: "\e136"; }
.fa-link:before { content: "\e137"; }
.fa-wrench:before { content: "\e138"; }
.fa-tools2:before { content: "\e139"; }
.fa-cog:before { content: "\e13a"; }
.fa-cogs:before { content: "\e13b"; }
.fa-upload:before { content: "\e13c"; }
.fa-download:before { content: "\e13d"; }
.fa-uniE10A:before { content: "\e13e"; }
.fa-file:before { content: "\e13f"; }
.fa-file-line:before { content: "\e140"; }
.fa-copy:before { content: "\e141"; }
.fa-copy-line:before { content: "\e142"; }
.fa-edit:before { content: "\e143"; }
.fa-edit-line:before { content: "\e144"; }
.fa-folder-close:before { content: "\e145"; }
.fa-folder-close-alt:before { content: "\e146"; }
.fa-folder-add:before { content: "\e147"; }
.fa-folder-add-alt:before { content: "\e148"; }
.fa-info-sign:before { content: "\e149"; }
.fa-info:before { content: "\e14a"; }
.fa-exclamation-sign:before { content: "\e14b"; }
.fa-exclamation:before { content: "\e14c"; }
.fa-question-sign:before { content: "\e14d"; }
.fa-question:before { content: "\e14e"; }
.fa-comment:before { content: "\e14f"; }
.fa-comment-alt:before { content: "\e150"; }
.fa-comments:before { content: "\e151"; }
.fa-comments-alt:before { content: "\e152"; }
.fa-time:before { content: "\e159"; }
.fa-time-alt:before { content: "\e15a"; }
.fa-lock:before { content: "\e15b"; }
.fa-lock-alt:before { content: "\e15c"; }
.fa-unlock:before { content: "\e15d"; }
.fa-unlock-alt:before { content: "\e15e"; }
.fa-key:before { content: "\e15f"; }
.fa-key-alt:before { content: "\e160"; }
.fa-cloud:before { content: "\e161"; }
.fa-cloud-alt:before { content: "\e162"; }
.fa-cloud-upload:before { content: "\e163"; }
.fa-cloud-upload-alt:before { content: "\e164"; }
.fa-cloud-download:before { content: "\e165"; }
.fa-cloud-download-alt:before { content: "\e166"; }
.fa-lightbulb:before { content: "\e167"; }
.fa-lightbulb-alt:before { content: "\e168"; }
.fa-gift:before { content: "\e169"; }
.fa-gift-alt:before { content: "\e16a"; }
.fa-home:before { content: "\e16b"; }
.fa-home-alt:before { content: "\e16c"; }
.fa-camera:before { content: "\e16d"; }
.fa-camera-alt:before { content: "\e16e"; }
.fa-envelope:before { content: "\e16f"; }
.fa-envelope-alt:before { content: "\e170"; }
.fa-bookmark:before { content: "\e171"; }
.fa-bookmark-alt:before { content: "\e172"; }
.fa-shopping-bag:before { content: "\e173"; }
.fa-shopping-bag-alt:before { content: "\e174"; }
.fa-shopping-cart:before { content: "\e175"; }
.fa-shopping-cart-alt:before { content: "\e176"; }
.fa-tag:before { content: "\e177"; }
.fa-tag-alt:before { content: "\e178"; }
.fa-tags:before { content: "\e179"; }
.fa-tags-alt:before { content: "\e17a"; }
.fa-trash:before { content: "\e17b"; }
.fa-trash-alt:before { content: "\e17c"; }
.fa-select:before { content: "\e17d"; }
.fa-select-alt:before { content: "\e17e"; }
.fa-mike:before { content: "\e17f"; }
.fa-mike-alt:before { content: "\e180"; }
.fa-compass:before { content: "\e181"; }
.fa-compass-alt:before { content: "\e182"; }
.fa-map-marker:before { content: "\e183"; }
.fa-map-marker-alt:before { content: "\e184"; }
.fa-pushpin:before { content: "\e185"; }
.fa-pushpin-alt:before { content: "\e186"; }
.fa-map:before { content: "\e187"; }
.fa-map-alt:before { content: "\e188"; }
.fa-inbox:before { content: "\e189"; }
.fa-inbox-alt:before { content: "\e18a"; }
.fa-briefcase:before { content: "\e18b"; }
.fa-briefcase-alt:before { content: "\e18c"; }
.fa-book:before { content: "\e18d"; }
.fa-book-alt:before { content: "\e18e"; }
.fa-archive:before { content: "\e18f"; }
.fa-archive-alt:before { content: "\e190"; }
.fa-heart:before { content: "\e191"; }
.fa-heart-alt:before { content: "\e192"; }
.fa-star:before { content: "\e193"; }
.fa-star-empty:before { content: "\e194"; }
.fa-phone:before { content: "\e195"; }
.fa-phone2:before { content: "\e196"; }
.fa-share:before { content: "\e197"; }
.fa-share-alt:before { content: "\e198"; }
.fa-eye-open:before { content: "\e199"; }
.fa-eye-open-alt:before { content: "\e19a"; }
.fa-eye-close:before { content: "\e19b"; }
.fa-uniE0D9:before { content: "\e19c"; }
.fa-uniE0F6:before { content: "\e19d"; }
.fa-dollar:before { content: "\e19e"; }
.fa-dollar-alt:before { content: "\e19f"; }
.fa-thumbs-down:before { content: "\e1a0"; }
.fa-thumbs-down-alt:before { content: "\e1a1"; }
.fa-thumbs-up:before { content: "\e1a2"; }
.fa-thumbs-up-alt:before { content: "\e1a3"; }
.fa-puzzle-piece:before { content: "\e1a4"; }
.fa-puzzle-piece-alt:before { content: "\e1a5"; }
.fa-find:before { content: "\e1a6"; }
.fa-find-alt:before { content: "\e1a7"; }
.fa-calculator:before { content: "\e1a8"; }
.fa-calculator-alt:before { content: "\e1a9"; }
.fa-print:before { content: "\e1aa"; }
.fa-print-alt:before { content: "\e1ab"; }
.fa-coffee:before { content: "\e1ac"; }
.fa-coffee-alt:before { content: "\e1ad"; }
.fa-sitemap:before { content: "\e1b2"; }
.fa-sitemap-alt:before { content: "\e1b3"; }
.fa-qq:before { content: "\e1b6"; }
.fa-qq-alt:before { content: "\e1b7"; }
.fa-wechat:before { content: "\e1b8"; }
.fa-wechat-alt:before { content: "\e1b9"; }
.fa-weibo:before { content: "\e1ba"; }
.fa-weibo-alt:before { content: "\e1bb"; }
.fa-qzone:before { content: "\e1bc"; }
.fa-qqweibo:before { content: "\e1bd"; }
.fa-pengyouquan:before { content: "\e1be"; }
.fa-alipay:before { content: "\e1bf"; }
.fa-taobao:before { content: "\e1c0"; }
.fa-baidu:before { content: "\e1c2"; }
.fa-ruler:before { content: "\e1c4"; }
.fa-brush:before { content: "\e1c5"; }
.fa-tools:before { content: "\e1c6"; }
.fa-design:before { content: "\e1c7"; }
.fa-paint-format:before { content: "\e1c8"; }
.fa-user-tie:before { content: "\e1c9"; }
.fa-user:before { content: "\e1ca"; }
.fa-users:before { content: "\e1cb"; }
.fa-office:before { content: "\e1cc"; }
.fa-clipboard:before { content: "\e1cd"; }
.fa-ceramic-tile:before { content: "\f314"; }
.fa-wall:before { content: "\f479"; }
.fa-window:before { content: "\f509"; }
.fa-floor:before { content: "\f538"; }
.fa-bed:before { content: "\e000"; }
.fa-beds:before { content: "\e001"; }
.fa-furniture:before { content: "\e002"; }
.fa-shower:before { content: "\e003"; }

/*======== 预加载 ===========*/
.preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999999; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; background-image: url("../img/preloader.gif"); }
/*======== 部分标题 ===========*/
.section-title-wrap { padding: 60px 0; }
.section-title-wrap.gray-background { background: #f2f2f2; }
.section-title { margin-bottom: 20px; }
.section-title h2 { color: #272727; font-size: 28px; line-height: 1; margin-bottom: 15px; }
.section-title p { font-size: 15px; color: #7E7E7E; font-style: italic; line-height: 22px; margin-bottom: 0; }
.section-title:after { content: ''; background: #e61c51; width: 80px; height: 2px; display: inline-block; }

/*======== 视差部分 ===========*/
.parallax-section { background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; background-image: url("../img/wall.jpg"); }

/*======== 顶栏 ===========*/
#top-bar { background: #e61c51; padding: 10px 0; font-size: 16px; }
#top-bar ul li { display: inline-block; color: #fff; font-size: 16px; margin-right: 20px; }
#top-bar ul li:last-child { margin-right: 0; }
#top-bar ul li .fa { margin-right: 5px; }
#top-bar ul li a { color: #fff; }

/*======== 页头 ===========*/
.header-inner { position: relative; background: #fff; -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); }
.header-inner .logo { margin-top: 22px; }
.navbar-toggle { display: none; position: relative; float: right; padding: 0; margin-top: 12px; background-color: transparent; background-image: none; border: none; }
.navbar-toggle:focus { outline: 0 }
.navbar-toggle .icon-bar { display: block; width: 30px; height: 2px; border-radius: 1px; background-color: #e61c51 }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 5px }

/*======== 主菜单 ===========*/
.main-menu .navbar-collapse > ul > li { float: left; padding: 30px 0; line-height: 40px; }
.main-menu .navbar-collapse > ul > li.current > a, .main-menu .navbar-collapse > ul > li:hover > a { color: #e61c51; }
.main-menu .navbar-collapse > ul > li.current > a span { display: block; width: 100%; height: 2px; background: #e61c51; }
.main-menu .navbar-collapse > ul > li > a { display: inline-block; padding: 0 13px; font-size: 16px; color: #272727; }
.main-menu .navbar-collapse > ul > li:last-child > a { padding-right: 0; }
.main-menu .navbar-collapse > ul > li:hover > ul { top: 100%; visibility: visible; opacity: 1; filter: alpha(opacity=100); }

.main-menu .navbar-collapse > ul > li > ul { position: absolute; top: 200%; left: 0; width: 160px; background: #191919; z-index: 99999; visibility: hidden; opacity: 0; filter: alpha(opacity=0); box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.5s cubic-bezier(0.84, 0.35, 0.39, 0.74); transition: all 0.5s cubic-bezier(0.84, 0.35, 0.39, 0.74); }
.main-menu .navbar-collapse > ul > li > ul > li { position: relative; overflow: hidden; line-height: 36px; }
.main-menu .navbar-collapse > ul > li > ul > li:before { content: '\e105'; font-family: 'ltbt'; color: #ccc; position: absolute; left: 10px; top: 6px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.main-menu .navbar-collapse > ul > li > ul > li:hover:before { color: #e61c51; }
.main-menu .navbar-collapse > ul > li > ul > li > a { color: #ccc; font-size: 15px; display: block; text-align: left; padding: 5px 30px; border-bottom: 1px solid #272727; -webkit-transition: all .3s ease; transition: all .3s ease; }
.main-menu .navbar-collapse > ul > li > ul > li > a:hover { color: #e61c51; }

/*======== 头部固定 ===========*/
.stricky-fixed { width: 100%; position: fixed; top: 0; left: 0; z-index: 1001; }
.stricky-fixed #top-bar { display: none; visibility: hidden; }
.stricky-fixed .header-inner .logo { margin-top: 10px; }
.stricky-fixed .header-inner .logo img { height: 42px; }
.stricky-fixed .header-inner .navbar-toggle .icon-bar { background-color: #fff; }
.stricky-fixed .header-inner .navbar-collapse > ul > li { padding: 15px 0;line-height: 32px; }
.stricky-fixed .header-inner .main-menu .navbar-collapse > ul > li.current > a, .stricky-fixed .header-inner .main-menu .navbar-collapse > ul > li:hover > a,.stricky-fixed .header-inner .main-menu .navbar-collapse > ul > li.dropdown:hover > a:after, .stricky-fixed .main-menu .navbar-collapse > ul > li.dropdown.current > a:after { color: #e61c51; }

/*======== 首页关于我们 ===========*/
.about-section { position: relative; padding: 20px 0 100px; }
.about-section:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ' '; background: #fff; opacity: .8; filter: alpha(opacity=80); }
.about-section .img-holder { display: block; position: relative; }
.about-section .img-holder:before { content: ''; position: absolute; top: 9px; left: 9px; right: 9px; bottom: 9px; border: 1px solid #fff; }
.about-section .img-holder img { width: 100%; }
.about-section .content p { text-indent: 2em; font-size: 15px; line-height: 26px; color: #666; }
.about-section .content p:last-child { margin-bottom: 0; }
.service-items { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ccc; font-size: 0; }
.service-items li { display: inline-block; width: 25%; }
.service-items li i:before { margin: 0; color: #e61c51; font-size: 48px; }
.service-items li h4 { margin: 10px 0; color: #272727; font-size: 18px; font-weight: bold; line-height: 1; }
.service-items li p { font-size: 14px; color: #555; }
.top_tag { display: block; margin-bottom: 60px; color: #555; }
.bottom_tag {display: block; margin-bottom: 20px; color: #ccc; }
.bottom_tag a { margin-right: 10px; color: #ccc; }

/*======== 属性 ===========*/
.property-highlight { background: #e61c51; }
.property-highlight .section-title h2 { color: #FFF; }
.property-highlight .full-img { position: relative; }
.property-highlight .full-img:hover:before { right: 15px; }
.property-highlight .full-img:before { content: ' '; width: 200%; height: 100%; background: #e61c51; opacity: .6; filter: alpha(opacity=60); z-index: 99; position: absolute; top: 0; right: 200%; -webkit-transition: all .3s ease; transition: all .3s ease; }
.property-highlight .full-img img { max-width: none; float: right; }
.property-highlight .property-highlight-text { padding-top: 50px; padding-left: 70px; }
.property-highlight .single-property-highlight { margin-bottom: 40px; }
.property-highlight .single-property-highlight h3 { color: #fff; font-size: 19px; margin-bottom: 13px; }
.property-highlight .single-property-highlight p { color: #fff; margin-bottom: 0; }

.reserve-page { background: #222838; }

/*======== 装修流程 ===========*/
.process { overflow: hidden; }
.process .section-title { margin-bottom: 50px; }
.process .proces-item-wrap { position: relative; margin-bottom: 20px; }
.process .proces-item-wrap:after { content: '\e105'; font-family: 'ltbt'; font-size: 32px; color: #828282; position: absolute; top: 38px; right: -16px; }
.process .proces-item-wrap:last-child:after { content: ''; }
.process .proces-item-wrap i { position: relative; display: block; font-size: 48px; width: 100px; height: 100px; line-height: 94px; margin: 0 auto 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; background: #e61c51; background: rgba(230,28,81, 1); -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s; }
.process .proces-item-wrap i:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(230,28,81,0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
.process .proces-item-wrap i:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
.process .proces-item-wrap i:hover:after { -webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; }
@-webkit-keyframes sonarEffect { 
0% { opacity: 0.3; }
40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(230,28,81,0.1), 0 0 10px 10px #e61c51, 0 0 0 10px rgba(230,28,81,0.5); }
100% { box-shadow: 0 0 0 2px rgba(230,28,81,0.1), 0 0 10px 10px #e61c51, 0 0 0 10px rgba(230,28,81,0.5); -webkit-transform: scale(1.3); opacity: 0; }
}
@-moz-keyframes sonarEffect {
0% { opacity: 0.3; }
40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(230,28,81,0.1), 0 0 10px 10px #e61c51, 0 0 0 10px rgba(230,28,81,0.5); }
100% { box-shadow: 0 0 0 2px rgba(230,28,81,0.1), 0 0 10px 10px #e61c51, 0 0 0 10px rgba(230,28,81,0.5); -moz-transform: scale(1.3); opacity: 0; }
}
@keyframes sonarEffect { 
0% { opacity: 0.3; }
40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(230,28,81,0.1), 0 0 10px 10px #e61c51, 0 0 0 10px rgba(230,28,81,0.5); }
100% { box-shadow: 0 0 0 2px rgba(230,28,81,0.1), 0 0 10px 10px #e61c51, 0 0 0 10px rgba(230,28,81,0.5); transform: scale(1.3); opacity: 0; }
}

/*======== 图库 ===========*/
.gallery-filter { padding: 30px 0 20px; }
.gallery-filter li { display: inline-block; }
.gallery-filter li a,.gallery-filter li span { display: block; float: left; padding: 10px 25px; font-size: 16px; color: #fff; background: #272727; }
.gallery-filter li a:hover, .gallery-filter li.active a, .gallery-filter li.active span { background: #e61c51; }
#gallery .gallery-filter { padding: 0 0 20px;  }


/*======== 案例 ===========*/
#gallery { padding-top: 60px; }
.sliding-gallery .row { margin-right: -10px; margin-left: -10px; }
.gallery-grid { opacity: 0; }
.gallery-grid .single-gallery { width: 33.3%; }
.single-gallery { margin-bottom: 20px; padding-right: 10px; padding-left: 10px; z-index: 2; -webkit-transition: -webkit-transform 1s, opacity 1s; -moz-transition: -moz-transform 1s, opacity 1s; -o-transition: -o-transform 1s, opacity 1s; transition: transform 1s, opacity 1s; }
.single-gallery .img-holder { display: block; position: relative; overflow: hidden; }
.single-gallery .img-holder img { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.single-gallery .img-holder .content { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center;  cursor: pointer; color: #fff; }
.single-gallery .img-holder .content .title-holder { display: table; width: 100%; height: 25%; position: absolute; bottom: -25%; background: rgba(230,28,81, 0.6); }
.single-gallery .img-holder .content .title-holder h4 { color: #fff; display: table-cell; vertical-align: middle; }
.single-gallery:hover .img-holder img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.single-gallery:hover .img-holder .content { background: rgba(0, 0, 0, 0);}
.single-gallery:hover .img-holder .content .title-holder { bottom: 0%; }

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000; opacity: 0.9; filter: alpha(opacity=90); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { width: 100%; }
.mfp-counter { position: absolute; top: 0; left: 20px; color: #fff; font-size: 13px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover,  .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before,  .mfp-arrow:after,  .mfp-arrow .mfp-b,  .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after,  .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before,  .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after,  .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before,  .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after,  .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before,  .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
img.mfp-img { display: block; width: auto; max-width: 100%; height: auto; line-height: 0; margin: 0 auto; }
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; right: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img { padding: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}

/*======== 单图库 ===========*/
.gallery_view_txt { text-align: center; }
.gallery_view_txt .title { margin-bottom: 20px; }
.gallery_view_txt ul li { display: inline-block; margin: 0 5px; color: #888; line-height: 26px; }
.gallery_view_txt ul li a { color: #888; margin-right: 5px; }
.gallery_view_txt ul li a:hover { color: #e61c51; }
.gallery_view_txt .content { float: left; width: 100%; padding: 20px 0; color: #666; }
.gallery_view_img { float: left; width: 100%; text-align: center; }
.gallery_view_img .gallery_view_item { display: block; margin-bottom: 20px; }
.gallery_view_img .gallery_view_item .img-holder { position: relative; min-height: 400px; line-height: 400px; background-color: #eee; cursor: pointer; }
.gallery_view_img .gallery_view_item .img-holder:before { content: ' '; position: absolute; top: 0; right: 0; left: 0; bottom: 0; }

/*======== 首页服务优势 ===========*/
.superiority { background: #EAEBED; }
.superiority-tabs { float: left; width: 100%; }
.superiority-tabs .tabs-nav { margin: 0 -5px; }
.superiority-tabs .tabs-nav li { float: left; display: block; width: 25%; padding: 0 5px; cursor: pointer; }
.superiority-tabs .tabs-nav li .tab-nav-box { display: block; width: 100%; padding: 30px 10px; background-color: #272727; color: #fff; text-align: center; }
.superiority-tabs .tabs-nav li.active .tab-nav-box { background-color: #e61c51; color: #fff; }
.superiority-tabs .tabs-nav li .fa { display: block; margin-bottom: 20px; font-size: 48px; }
.superiority-tabs .tab-content { float: left; width: 100%; min-height: 340px; margin-top: 10px; padding: 30px; background-color: #fff; color: #666; }
.tab-content>.tab-pane { display: none }
.tab-content>.active { display: block }

.worker .single-featured-option { display: block; margin: 15px 0; }
.worker .single-featured-option .icon-holder { width: 150px; position: relative; overflow: hidden; }
.worker .single-featured-option .icon-holder img { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.worker .single-featured-option:hover .icon-holder img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.worker .single-featured-option .content { padding-left: 20px; }
.worker .single-featured-option .content p { font-size: 13px; line-height: 24px }
.worker .single-featured-option .content p span { color: #e61c51; }

.sggy-item { padding: 15px 10px; }
.sggy-item h4 { color: #e61c51; font-weight: 700; margin-bottom: 15px; }
.sggy-item p { margin-bottom: 0; color: #969595; }
.zlbztx { text-align: center; }
.zlbztx-item { display: table; width: 100px; height: 100px; padding: 15px; margin: 20px auto; background-color: #e61c51; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.zlbztx-item span { display: table-cell; vertical-align: middle; text-align: center; font-size: 16px; font-weight: 600; }
.tab-pane .material .single-featured-option { margin: 20px 0; }

/*======== 客服 ===========*/
.sidebar_online {position:fixed;right:0;top:50%;width:80px;margin-top:-175px;z-index:1000; box-shadow:0px 2px 15px 3px rgba(0, 0, 0, 0.08);}
.sidebar_online li { display: block; position: relative; }
.sidebar_online li a{ display:block; padding: 12px 0; text-align:center; background:#e61c51; color: #fff; font-size: 14px; border-top: 1px solid rgba(255, 255, 255, 0.3);}
.sidebar_online li:first-child a {border-top: none;}
.sidebar_online li a:hover{opacity:0.9;filter:alpha(opacity='90');}
.sidebar_online li a i {display:block; margin-bottom: 5px; font-size: 32px;}
.popPanel { display:none; width:190px; padding: 10px; text-align: center; position:absolute; right:100px; top: -50%; background: #fff; border:solid 1px #ddd; }
.popPanel:after { content: ""; position: absolute; top:30%; left: 188px; width: 0; height: 0; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 11px; }
.popPanel:before { content: ""; position: absolute; top:30%; left: 189px; width: 0; height: 0; border-color: transparent transparent transparent #ddd; border-style: solid; border-width: 11px; }
#online_phone { top: 10px; }
#online_phone span { display: block; padding: 10px 0; font-size: 18px; font-weight: 700; color: #e61c51; }
.bottom_online { display: none; position: fixed; height: 48px; right: 0; left: 0; bottom: 0; z-index: 120; border-top: 1px solid #ddd; background: #f1f1f1;  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);-ms-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);-o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2) }
.bottom_online ul { width: 100%; margin: 0 }
.bottom_online ul li { float:left; width: 25%; padding: 0; text-align: center; font-size: 12px; }
.bottom_online ul li a { display: block; padding: 5px; color: #e61c51; }
.bottom_online ul li a i { display: block; font-size: 18px; color: #e61c51; }

/*======== 页脚 ===========*/
.footer { float: left; width: 100%; padding-top: 70px; padding-bottom: 70px; background: #e61c51; }
.footer-logo { display: block; padding: 20px 0 0; }
.footer-logo img { max-height: 50px; }

.footer-menu ul { border-bottom: 1px solid rgba(255, 255, 255, 0.5); display: inline-block; }
.footer-menu ul li { display: inline; }
.footer-menu ul li a { display: inline-block; color: #fff; font-size: 14px; line-height: 50px; padding: 0 10px; }
.footer-menu ul li a:hover { color: #272727; }
.footer-menu ul li:first-child a { padding-left: 0; }
.footer-menu ul li:last-child a { padding-right: 0; }
.footer-copyright span { color: #fff; font-size: 14px; margin: 0; line-height: 50px; }
.footer-copyright a { color: #fff; }
.footer-copyright a:hover { color: #272727; }

/*======== 单页标题 ===========*/
#page-title { padding: 120px 0 80px 0; background-size: cover; background-position: center center; }
#page-title h2 { color: #fff; font-size: 26px; background: #272727; border-bottom: 4px solid #e61c51; display: inline-block; padding: 9px 45px; }
#page-title h2 a { color: #fff; }
/*======== 关于我们页 ===========*/
.about-page { background: #f2f2f2; }
.about-page .section-title h2 { color: #272727; }
.about-page .section-title p { color: #7E7E7E; }

.about-page-text .content p { text-indent: 2em; color: #808080; margin-bottom: 20px; }
.about-page-text .content p:last-child { margin-bottom: 0; }
.about-page-image { margin-top: 60px; }

.check-video-text { padding-left: 75px; }
.check-video-text .content p { text-indent: 2em; color: #808080; font-size: 16px; line-height: 2; }
.check-video-text a { color: #000000; border: 1px solid #7C7C7C; display: inline-block; padding: 10px 33px; font-size: 18px; margin-top: 44px; }
.check-video-text a:hover { background: #e61c51; border-color: #e61c51; color: #fff; }

.facility-list { margin-top: -10px; }
.facility-list li { position: relative; color: #666; line-height: 40px; font-size: 16px; padding-left: 26px }
.facility-list li:before { position: absolute; top: 0; left: 0; content: '\e11a'; font-family: 'ltbt'; color: #e61c51; font-size: 18px; }

/*======== 引导行为 ===========*/
.call-to-action { background: #e61c51; padding: 50px 0; position: relative; }
.call-to-action-text h1 { color: #fff; font-size: 32px; line-height: 1.5; font-weight: normal; margin: 0; }
.call-to-action-text h1 span { margin-left: 20px; font-size: 28px; font-weight: 700; color: #fff;  }
.call-to-action-text h1 span em { font-size: 18px; font-weight: 400; }
.call-to-action-button .btn { border: none; float: right; background:#fff; color: #e61c51; font-size: 22px; padding: 12px 40px; }
.call-to-action-button .btn:hover { background: #272727; color: #fff; }

/*======== 装修工程 ===========*/
.construction-team .content p { text-indent: 2em; }
.construction-plan .section-title { margin-bottom: 30px; }
.construction-plan .single-plan-col { padding-right: 10px; padding-left: 10px }
.construction-plan .single-plan { margin-bottom: 20px; }
.construction-plan .single-plan .img-holder img { width: 100%; }
.construction-plan .single-plan .title-holder { padding: 10px 0; text-align: center; background-color: #272727; color: #fff; border-bottom: 4px solid #e61c51; }
.construction-plan .single-plan .title-holder h4 { font-size: 15px; }

.renew-store { float: left; width: 50%; }
.renew-store .block { background-color: #e61c51; }
.renew-store .block .picture { background-color: #ececec; position: relative; padding: 0; }
.renew-store .block .picture .l-arrow { display: block; width: 0; height: 0; position: absolute; right: 0; top: 20px; border-style: solid; border-width: 15px;  border-left-width: 0; border-color: transparent; border-right-color: #e61c51; }
.renew-store .block .picture .r-arrow { display: block; width: 0; height: 0; position: absolute; left: 0; top: 20px; border-style: solid; border-width: 15px;  border-right-width: 0; border-color: transparent; border-left-color: #e61c51; }
.renew-store .block .detail { padding:30px; background-color: #e61c51; }
.renew-store .block .detail h4 { font-size: 20px; color: #fff; margin-bottom: 20px; }
.renew-store .block .detail .description { font-size: 15px; color: #fff; }

.popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0,0,0,.25); border-left-width: 0 }
.popover.right .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0 }
.popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,.25) }
.popover.bottom .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff }
.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,.25) }
.popover.left .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff }

/*======== 服务保障 ===========*/
.featured-option { background: #f2f2f2; padding: 50px 0; }
.single-featured-option .icon-holder, .single-featured-option .content { display: table-cell; }
.single-featured-option .icon-holder .fa { display: inline-block; width: 60px; height: 60px; color: #e61c51; font-size: 32px; border: 2px solid #e61c51; text-align: center; border-radius: 50%; line-height: 56px; }
.single-featured-option .content { vertical-align: top; padding-left: 20px; }
.single-featured-option .content h4 { margin-bottom: 10px; color: #383838; font-weight: 700; }
.single-featured-option .content p { margin-bottom: 0; color: #969595; }

.featured-option.material { padding: 60px 0 20px; }
.material .section-title { margin-bottom: 45px; }
.material .single-featured-option { margin-bottom: 60px; }
.material .single-featured-option .icon-holder { width: 100px; }
.material .single-featured-option .icon-holder img { width: 100%; }
.material .single-featured-option .content { padding-left: 20px; }

/*======== 联系内容 ===========*/
.contact-content { padding: 50px 0; }
.contact-content .title-holder { margin-bottom: 20px; }
.contact-content .contact-form-wrap .btn { background-color: #e61c51; color: #fff; }
.contact-content .contact-form-wrap .btn:hover { background-color: #272727; }
.contact-content .contact-form-wrap input, .contact-content .contact-form-wrap textarea { height: 47px; margin-bottom: 20px; }
.contact-content .contact-form-wrap textarea { height: 195px; }
.contact-content .agent-info { padding: 35px 0; margin-bottom: 30px; background: #f2f2f2; position: relative; }
.contact-content .agent-info:before { position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; content: ''; border: 1px solid #fff; z-index: 1; }
.contact-content .agent-info img { margin-bottom: 30px; }
.contact-content .agent-info .social-icons ul { margin-top: 20px; position: relative; z-index: 99; }
.contact-content .agent-info .social-icons ul li { display: inline; }
.contact-content .agent-info .social-icons ul li a { display: inline-block; color: #272727; font-size: 16px; margin: 0 7.5px; }
.contact-content .agent-info .social-icons ul li a:hover { color: #e61c51; }
.contact-content .agent-info .content { display: block; padding: 0; position: relative; z-index: 99; }
.contact-content .agent-info .content h3, .contact-content .agent-info .content p { margin: 0; }
.contact-content .agent-info .content h3 { margin-bottom: 5px; }
.contact-content .agent-info .content p { margin-bottom: 0px; }
.contact-content .agent-info .content p.certificate { margin-bottom: 5px; }
.contact-content .agent-info .contact-info { position: relative; z-index: 2; padding: 0 30px; font-size: 18px; }
.contact-content .agent-info .contact-info p { position: relative; padding-left: 25px; margin-bottom: 20px;  }
.contact-content .agent-info .contact-info p i { position: absolute; left: 0; top: 3px; color: #666; }
.contact-content .agent-info .contact-info p a { color: #383838; }

.map { min-height: 400px; height: 0; padding-bottom: 30%; margin-bottom:30px; border-top: 1px solid #fff; }
.map img { max-width: none; }
.map h4 { margin:10px 0; font-weight: 700; }
.map .anchorBL { display:none; }

/*======== 预约页 ===========*/
.reserve-content .section-title { margin-bottom: 30px; }
.reserve-content .section-title h2 { font-size: 24px;  }
.reserve-content .reserve-form { padding: 30px; background: #f2f2f2; position: relative; }
.reserve-content .reserve-form h2 { font-size: 24px; margin-bottom: 20px; }
.reserve-content .reserve-form .btn { background-color: #e61c51; color: #fff; }
.reserve-content .reserve-form .btn:hover { background-color: #272727; }
.reserve-content .reserve-form .form-control { height: 44px; margin-bottom: 20px; }
.reserve-content .reserve-info { display: block; width: 100%; padding: 30px; border: 2px dashed #eee; }
.reserve-content .reserve-info .reserve-info-title { float: left; width: 100%; border-bottom: 1px solid #e61c51; }
.reserve-content .reserve-info .reserve-info-title h2 { float: left; line-height: 1; margin-top: 0; margin-bottom: 20px; font-size: 24px; }
.reserve-content .reserve-info .reserve-info-title span { display: block; float: right; font-size: 18px; font-style: italic; color: #999; }
.reserve-content .reserve-info .reserve-info-title span em { color: #e61c51; font-weight: 700; }
.reserve-content .reserve-info .reservelist { width: 100%; height: 368px; padding-top: 10px; overflow:hidden; }
.reserve-content .reserve-info .reservelist ul li { width:100%; height:40px; line-height: 40px; font-size: 15px; border-bottom: 1px dashed #ccc; }
.reserve-content .reserve-info .reservelist ul li span { display: inline-block; }
.reserve-content .reserve-info .reservelist ul li span.li-name { width: 16%; }
.reserve-content .reserve-info .reservelist ul li span.li-phone { width: 27%; }
.reserve-content .reserve-info .reservelist ul li span.li-type { width: 20%; }
.reserve-content .reserve-info .reservelist ul li span.li-area { width: 12%; }
.reserve-content .reserve-info .reservelist ul li span.li-date { width: 25%; text-align: right; }

/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-loading .slick-list { background: #fff url('../img/loader.gif') center center no-repeat; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 32px; height: 32px; margin-top: -16px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 2; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-family: 'ltbt'; font-size: 32px; line-height: 1; opacity: .75; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: 0; }
[dir='rtl'] .slick-prev { right: 0; left: auto; }
.slick-prev:before { content: '\e100'; }
[dir='rtl'] .slick-prev:before { content: '\e100'; }
.slick-next { right: 0; }
[dir='rtl'] .slick-next { right: auto; left: 0; }
.slick-next:before { content: '\e101'; }
[dir='rtl'] .slick-next:before { content: '\e101'; }
.slick-dots { position: absolute; bottom: -30px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 4px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 12px; height: 12px; cursor: pointer; border: 0; outline: none; background: #fff;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button { background: #e61c51 }

/*======== 施工流程 ===========*/
.timeline { list-style: none; padding: 20px 0 20px; position: relative; }
.timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #ccc; left: 50%; margin-left: -1.5px; }
.timeline > li { position: relative; }
.timeline > li:before, .timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li > .timeline-badge { color: #fff; width: 40px; height: 40px; line-height: 40px; font-size: 20px; text-align: center; position: absolute; top: 13px; left: 50%; margin-left: -20px; background-color: #ccc; z-index: 100; border-radius: 50%; }
.timeline > li.timeline-inverted > .timeline-badge { background-color: #ccc; }
.timeline > li > .timeline-panel { width: 45%; float: left; padding: 10px; position: relative; border: 1px solid #eee; background-color: #fff; }
.timeline > li > .timeline-panel:before { position: absolute; top: 24px; right: -10px; display: inline-block; border-top: 10px solid transparent; border-left: 10px solid #eceae4; border-right: 0 solid #eceae4; border-bottom: 10px solid transparent; content: " "; }
.timeline > li > .timeline-panel:after { position: absolute; top: 24px; right: -9px; display: inline-block; border-top: 9px solid transparent; border-left: 9px solid #fff; border-right: 0 solid #fff; border-bottom: 9px solid transparent; content: " "; }
.timeline > li.timeline-inverted > .timeline-panel { float: right; }
.timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 10px; left: -10px; right: auto; }
.timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 9px; left: -9px; right: auto; }
.timeline-heading { position: absolute; width: 100%; left: 122%; top: 18px; font-size: 17px; font-weight: 700; }
.timeline > li.timeline-inverted > .timeline-panel .timeline-heading { left: auto; right: 122%; text-align: right; }
.timeline-body span { display: block; float: left; padding: 10px 13px; margin: 5px; background-color: #e61c51; color: #fff; line-height: 1; border-radius: 4px;  }
.timeline-body span:hover { background-color: #272727; cursor: default; }

/*======== 边栏背景 ===========*/
.side-background { position: relative; background: #F9F9F9; overflow: hidden; }
.side-background.dark-bg { background: #272727; }
.side-background [class*='white-'] { position: relative; z-index: 99; }
.side-background [class*='white-']:after { content: ''; width: 2000px; position: absolute; top: 0; height: 100%; background: #fff; z-index: -1; }
.side-background .white-right:after { left: -15px; }
.side-background .white-left:after { right: -15px; }

/*======== 边栏 ===========*/
.sidebar-wrap { padding-left: 50px; }
.sidebar-wrap.left-side { padding: 0; padding-right: 50px; }
.single-sidebar { margin-bottom: 30px; }
.single-sidebar:last-child { margin-bottom: 0; }
.single-sidebar h3 { font-size: 18px; line-height: 28px; color: #000; margin-bottom: 15px; }
.single-sidebar h3 span { display: block; margin-bottom: -5px; }
.single-sidebar h3:after { content: ''; width: 40px; height: 2px; background: #e61c51; display: inline-block; margin-top: -5px; }
.single-sidebar .search { background: #272727; width: 100%; height: 45px; }
.single-sidebar .search input { border: none; outline: none; width: 70%; height: 100%; background: none; line-height: 45px; padding-left: 20px; color: #ccc; }
.single-sidebar .search button { border: none; background: none; outline: none; color: #CCCCCC; font-size: 16px; line-height: 45px; float: right; padding-right: 15px; }
.single-sidebar .categories li a { color: #808080; font-size: 16px; line-height: 44px; display: block; border-bottom: 1px solid #E1E1E1; position: relative; }
.single-sidebar .categories li a:hover { color: #e61c51; }
.single-sidebar .categories li a:hover:before { color: #e61c51; }
.single-sidebar .categories li:last-child a { border: none; }
.single-sidebar .categories li a:before { content: '\e105'; font-family: 'ltbt'; color: #808080; margin-right: 10px; }
.single-sidebar .popular-post li { margin-bottom: 20px; }
.single-sidebar .popular-post li:last-child { margin-bottom: 0; }
.single-sidebar .popular-post .img-holder { width: 35%; }
.single-sidebar .popular-post .img-holder, .single-sidebar .popular-post .content { display: table-cell; }
.single-sidebar .popular-post .img-holder img { width: 100%; }
.single-sidebar .popular-post .content { vertical-align: top; padding-left: 10px; }
.single-sidebar .popular-post li h4 { color: #222; font-size: 16px; line-height: 26px; font-weight: 600; }
.single-sidebar .popular-post li h4 a { color: #222; }
.single-sidebar .popular-post li h4 a:hover { color: #e61c51; }
.single-sidebar .popular-post span { color: #999999; font-size: 13px; line-height: 29px; }
.single-sidebar .popular-post li a::before { content: ""; margin-right: 0px; }
.single-sidebar .popular-post li a { border-bottom: none; line-height: 20px; }
.single-sidebar .tag-cloud { font-size: 0; margin-bottom: -10px; }
.single-sidebar .tag-cloud li { display: inline-block; }
.single-sidebar .tag-cloud li a { display: block; font-size: 14px; color: #A3A3A3; border: 1px solid #E2E2E2; padding: 7px 22px; margin-right: 10px; margin-bottom: 10px; }
.single-sidebar .tag-cloud li a:hover { background: #e61c51; color: #fff; border-color: #e61c51; }
.single-sidebar .tagcloud a { border: 1px solid #e2e2e2; color: #a3a3a3; display: inline-block; font-size: 14px; margin-bottom: 4px; margin-right: 0; padding: 5px 10px; }
.single-sidebar .tagcloud a:hover { background: #e61c51 none repeat scroll 0 0; border-color: #e61c51; color: #fff; }
.single-sidebar .agent-box { position: relative; display: inline-block; text-align: center; }
.single-sidebar .agent-box:before { content: ''; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; border: 2px solid #fff; }
.single-sidebar .agent-box .name { width: 100%; position: absolute; bottom: 10px; left: 0; }
.single-sidebar .agent-box .name h4 { display: inline-block; color: #fff; font-size: 16px; background: rgba(22, 22, 22, 0.7); padding: 7px 45px; }
.single-sidebar .villa-features { font-size: 0; margin-bottom: -30px; }
.single-sidebar .villa-features li { display: inline-block; width: 120px; text-align: center; margin-right: 30px; padding: 10px 0; margin-bottom: 30px; border: 1px solid #fff; background: #fff; }
.single-sidebar .villa-features i:before { margin: 0; color: #e61c51; font-size: 54px; display: block; margin-top: 20px; }
.single-sidebar .villa-features h4 { margin-top: 20px; margin-bottom: 4px; color: #272727; font-size: 14px; font-weight: bold; line-height: 22px; }
.single-sidebar .villa-features span { font-size: 32px; line-height: 38px; }
.single-sidebar .reserve-form { padding: 30px 20px 20px 20px; background: #e61c51; position: relative; }
.single-sidebar .reserve-form .btn { width: 100%; background-color: #272727; color: #fff; }
.single-sidebar .reserve-form .btn:hover { background-color: #272727; }
.single-sidebar .reserve-form .form-control { width: 100%; height: 42px; margin-bottom: 20px; border: 0; }

/*======== 分页 ===========*/
.pagination { display: block; }
.pagination b, .pagination a { display: inline-block; color: #e61c51; border: 1px solid #e61c51; font-size: 16px; line-height: 20px; padding: 8px 15px; margin: 0 10px 10px 0; }
.pagination a:hover { background: #e61c51; border-color: #e61c51; color: #fff; }

.pagination b { background: #e61c51; color: #fff; }
.center_pagination { padding: 20px 0 50px; text-align: center; }
.center_pagination .pagination b, .center_pagination .pagination a { margin-left: 5px; margin-right: 5px; }

/*======== 文章 ===========*/
.single-blog-post:hover .img-holder .overlay { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.single-blog-post:hover h2.title { color: #e61c51; }
.single-blog-post .img-holder { position: relative; margin-bottom: 15px; }
.single-blog-post .img-holder img { width: 100%; }
.single-blog-post .img-holder .date { position: absolute; bottom: 0; right: 0; display: inline-block; background: #e61c51; color: #2A2D34; font-size: 14px; line-height: 22px; text-align: center; padding: 20px 15px; z-index: 9; }
.single-blog-post .img-holder .date b { font-size: 25px; font-weight: bold; display: block; }
.single-blog-post .img-holder .overlay { background: rgba(230,28,81, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-align: center; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.single-blog-post .img-holder .overlay a { display: table; width: 100%; height: 100%; color: #fff; }
.single-blog-post .img-holder .overlay a .fa { display: table-cell; vertical-align: middle; font-size: 20px; }
.single-blog-post ul { padding: 5px 0; }
.single-blog-post ul li { display: inline-block; color: #B5B5B5; line-height: 26px; font-weight: normal; margin-right: 15px; }
.single-blog-post ul li a { color: #999; }
.single-blog-post h2.title { font-size: 17px; font-weight: 600; color: #272727; display: block; position: relative; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.single-blog-post p { line-height: 24px; font-size: 14px; color: #666; margin: 0; margin-bottom: 10px; }
.single-blog-post > a { font-size: 15px; color: #1BC3F3; }
.single-blog-post a:hover { color: #e61c51; }

/*======== 文章列表 ===========*/
.blog-container .ptb-80 { padding-top: 60px; padding-bottom: 60px; }
.blog-container .right-side .single-blog-post { margin-left: 20px; }
.blog-container .left-content .single-blog-post { margin-right: 20px; }
.blog-container .single-blog-post { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #eee; }
.blog-container .single-blog-post .img-holder { display: inline-block; }
.blog-container .single-blog-post .title-holder h2 { font-size: 22px; line-height: 26px; margin: 0; }
.blog-container .single-blog-post .title-holder h2 a { color: #272727; }
.blog-container .single-blog-post .title-holder h2 a:hover { color: #e61c51; }
.blog-container .single-blog-post .title-holder ul { padding-top: 5px; }
.blog-container .single-blog-post .title-holder ul li:last-child a:after { display: none; }
.blog-container .single-blog-post .title-holder ul li a:after { content: '|'; display: inline-block; padding: 0 13px; color: #ccc; }
.blog-container .single-blog-post p { line-height: 26px; font-size: 15px; }
.blog-container .single-blog-post a.read-more { text-transform: capitalize; display: inline-block; color: #fff; font-size: 15px; line-height: 20px; padding: 8px 28px; background: #e61c51; margin-top: 10px; }
.blog-container .single-blog-post a.read-more:hover { background: #272727; }

/*======== 文章阅读页 ===========*/
.blog-container .single-blog-post.single-page-content { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.single-page-content .dt { display: table; }
.single-page-content .dtc { display: table-cell; vertical-align: middle; }
.single-page-content .image-content-holder { width: 68%; }
.single-page-content .image-content-holder p { margin-bottom: 30px; }
.single-page-content .image-content-holder p:last-child { margin-bottom: 0; }
.single-page-content hr { margin-top: 50px; margin-bottom: 50px; border-color: #d4d4d4; }
.single-page-content .tags a { margin-right: 10px; color: #272727; }
.single-page-content .tags a:hover { color: #e61c51; }

/*======== 优惠活动 ===========*/
.single-activity {}
.single-activity .img-holder, .single-activity .content { display: table-cell; }
.single-activity .img-holder { width: 42%; }
.single-activity .img-holder img { display: inline-block; }
.single-activity .content { vertical-align: top; padding-left: 20px; }
.single-activity .content h2 { margin-bottom: 10px; color: #383838; font-size: 24px; font-weight: 700; }
.single-activity .content li { margin-bottom: 0; color: #969595; line-height: 30px; }
.single-activity .more-holder { padding: 10px 0 0; }
.single-activity .more-holder p { color: #333; font-size: 16px; margin-bottom: 0; }
.single-activity .more-holder p span { font-size: 22px; font-weight: 700; color: #F00; }
.single-activity a.read-more { text-transform: capitalize; display: inline-block; color: #fff; font-size: 15px; line-height: 20px; padding: 8px 28px; margin-top: 10px; background: #e61c51}
.single-activity a.read-more:hover { background: #272727; }

/*======== 报名输入框 ===========*/
.apply-fixed .footer { padding-bottom: 155px; }
.activity-apply { width: 100%; padding: 20px 0; position: fixed; left: 0; bottom: 0; z-index: 1001; background-color: #272727; opacity: .9; filter: alpha(opacity=90);}
.apply-form form input { width: 100%; height: 45px; border: none; outline: none; padding: 0 20px; }
.apply-form form .btn { width: 100%; display: inline-block; padding: 0; line-height: 45px; color: #fff; background-color: #e61c51; border: none; }
.apply-form form .btn:hover { color: #272727; background-color: #fff; }
.apply-phone { font-size: 24px; font-weight: 700; line-height: 45px; color: #fff; }
.activity-apply .container { position: relative; }
.activity-apply #tips { width: 300px; margin-right: -150px; position: absolute; bottom: 100%; right: 50%; }

/*======== 评论列表 ===========*/
.comment-box { margin-top: 40px; margin-bottom: 50px; }
.comment-box h2 { margin-bottom: 20px; font-size: 24px; }
.comment-box .comment-holder { border: 1px solid #EEEEEE; margin-bottom: 20px; }
.comment-box #load_more { display: block; color: #272727; font-size: 15px; line-height: 1; padding: 10px 0; text-align: center; }
.comment-box .single-comment { border-bottom: 1px solid #EEEEEE; padding: 25px; }
.comment-box .single-comment:last-child { border: none; }
.comment-box .single-comment:nth-child(even) { background: #FCFCFC; }
.comment-box .single-comment h4 { margin: 0; color: #383838; font-size: 13px; line-height: 26px; font-weight: bold; }
.comment-box .single-comment p { margin: 0; color: #8E8D8D; } 
.comment-box .single-comment ul { padding: 0; margin: 0; }
.comment-box .single-comment ul li:last-child:after { display: none; }
.comment-box .single-comment ul li:after { content: '|'; color: #6CC1E2; font-size: 13px; padding: 7.5px; display: inline-block; }
.comment-box .single-comment ul li a.date { color: #6CC1E2; }
.comment-box .single-comment ul li a { font-family: 'Open Sans'; font-size: 13px; font-style: normal; color: #e61c51; }
.comment-box .single-comment .img-holder { display: table-cell; vertical-align: top; width: 50px; }
.comment-box .single-comment .img-holder .fa { display: block; width: 50px; height:60px; line-height: 60px; text-align: center; font-size: 48px; color: #ddd; }
.comment-box .single-comment .content { display: table-cell; vertical-align: top; padding-left: 20px; }

/*======== 评论输入框 ===========*/
.comment-form { margin-top: 40px; }
.comment-form h3 { margin-bottom: 35px; }
.comment-form form { background: #F8F8F8; padding: 50px 25px; }
.comment-form form .form-group { margin-left: -15px; margin-right: -15px; }
.comment-form form p { margin-bottom: 20px; }
.comment-form form .half { width: 50%; padding: 0 15px; float: left; }
.comment-form form input { width: 100%; height: 45px; border: 1px solid #EEEEEE; outline: none; padding: 0 20px; }
.comment-form form textarea { width: 100%; border: 1px solid #EEEEEE; outline: none; padding: 10px 20px; height: 170px; }
.comment-form form button { text-transform: capitalize; display: inline-block; color: #fff; font-size: 15px; line-height: 20px; padding: 10px 40px; background: #e61c51; border:none;}
.comment-form form button:hover { background: #272727; }

/*======== 首页条幅 ===========*/
.home-banner { position: relative; }
.home-banner .reserve-form-wrap .container { position: relative; }
.home-banner .reserve-form { position: absolute; right: 0; bottom: 100%; z-index: 999; width: 325px; padding: 0 30px; margin-bottom: 70px;  background: #fff; background: rgba(239,241,242,.9); }
.home-banner .reserve-form #tips { position: absolute; left: 0; bottom: 100%; width: 100%; }
.home-banner .reserve-form #tips .alert { margin-bottom: 0; }
.home-banner .reserve-form .top-header { margin-left: -30px; margin-right: -30px; text-align: center; background: #e61c51; }
.home-banner .reserve-form .top-header h3 { margin: 0; font-size: 22px; color: #fff; line-height: 60px; }
.home-banner .reserve-form .reserve-form-wrap { padding-top: 30px; padding-bottom: 30px; text-align: center; position: relative; }
.home-banner .reserve-form .reserve-form-wrap .form-control { height: 42px; margin-bottom: 15px; }
.home-banner .reserve-form .reserve-form-wrap .btn{ background-color: #e61c51; color: #fff;}
.home-banner .reserve-form .reserve-form-wrap .btn:hover { background: #000; color: #fff; }
.banner_slick_item { padding: 200px 0; position: relative; background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; z-index: 8;  }
.banner_slick_item:before { content: ''; background: rgba(0,0,0,.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; }
.banner_slick_item .banner-content { position: relative; z-index: 10; width: 50%; }
.banner_slick_item .banner-content h1 { font-size: 52px; line-height: 1; font-weight: bold; color: #fff; margin-bottom: 25px; text-shadow: -2px -2px 2px #000, 0px 0px 5px #aaa; }
.banner_slick_item .banner-content p { color: #fff; font-size: 20px; margin: 0; line-height: 28px; margin-bottom: 25px; }
.banner_slick_item .banner-content a { font-size: 18px; line-height: 26px; color: #fff; display: inline-block; background: #e61c51; border-radius: 5px; padding: 13px 30px; margin-left: 34px; }
.banner_slick_item .banner-content a i { font-size: 20px; color: #fff; margin-left: 5px; }
.banner_slick_item .banner-content-box { border-left: 3px solid #e61c51; padding-left: 30px; margin-bottom: 50px; }
.banner_slick_item .banner-content a:hover { background: #fff; color: #272727; }
.banner_slick_item .banner-content a:hover i { color: #272727; }
.banner_slick .slick-dots { bottom: 20px; }

/*======== 客户感言 ===========*/
.testimonial { position: relative; }
.testimonial:before { background-color: #000000; opacity: 0.5; filter: alpha(opacity=50); content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.testimonial .section-title { position: relative; }
.testimonial .section-title h2, .testimonial .section-title p { color: #fff; }
.testimonial_slick_item:focus { outline: none; }
.testi { display: block; }
.testi blockquote { margin: 0; border: none; padding: 30px 30px 30px 80px; background: rgba(0,0,0,0.5); }
.testi blockquote:before { display: inline-block; height: 50px; padding: 10px; background: #e61c51; position: absolute; left: 15px; content: "“"; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #111; font-size: 92px; line-height: 75px; }
.testi blockquote { color: #eceff3; }
.testi blockquote, .testi blockquote p { font-size: 15px; }
.testi_by { font-style: normal; font-size: 13px; color: #e61c51; }

/*======== 首页设计师 ===========*/
.designers { padding: 60px 0 140px; position: relative; }
.designers:before { background-color: #000000; opacity: .4; filter: alpha(opacity=40); content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.designers .section-title { position: relative; margin-bottom: 100px; }
.designers .section-title h2, .designers .section-title p { color: #fff; }
.designers_slick { position: relative; z-index: 9; }
.designers_slick .slick-list { margin: -60px 0; padding: 60px 0 !important; }
.designers_slick button { margin-top: -25px; width: 50px; height: 50px; background: #e61c51; }
.designers_slick button:focus { background: #e61c51; }
.designers_slick button:hover { background: rgba(255, 255, 255, 0.75); }
.designers_slick .designers_slick_item { position: relative; overflow: hidden; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; }
.designers_slick .designers_slick_item:focus { outline: none; }
.designers_slick .designers_slick_item .slick_image { position: relative; }
.designers_slick .designers_slick_item .slick_image img { width: 100%; position: relative; }
.designers_slick .designers_slick_item .slick_image:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); }
.designers_slick .designers_slick_item .slick_hover { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 15px; visibility: hidden; opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; color: #fff; }
.designers_slick .designers_slick_item .slick_hover .slick_table { position: relative; display: table; height: 100%; width: 100%; }
.designers_slick .designers_slick_item .slick_hover .slick_table .slick_table_cell { position: relative; display: table-cell; vertical-align: bottom; z-index: 1; padding: 15px; }
.designers_slick .designers_slick_item .slick_hover .slick_table .slick_table_cell h3 { position: relative; margin-bottom: 10px; font-size: 16px; color: #e61c51; }
.designers_slick .designers_slick_item .slick_hover .slick_table .slick_table_cell span { display: block; font-size: 13px; line-height: 1.5; color: #fff; }
.designers_slick .designers_slick_item.slick-center { transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); z-index: 1000; }
.designers_slick .designers_slick_item.slick-center .slick_image:after { background: rgba(0, 0, 0, 0.2); }
.designers_slick .designers_slick_item.slick-center .slick_image:before { content: ''; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 1px solid rgba(255,255,255,.5); z-index: 9; }
.designers_slick .designers_slick_item.slick-center .slick_hover { visibility: visible; opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); z-index: 10; }

/*======== 设计师列表 ===========*/
.single-designer { float: left; width: 100%; margin-bottom: 30px; }
.single-designer .img-holder { display: block; position: relative; overflow: hidden; }
.single-designer .img-holder:before { content: ''; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 1px solid rgba(255,255,255,.5); z-index: 1; }
.single-designer .img-holder img { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.single-designer .img-holder .content { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }
.single-designer .title-holder { padding: 15px; background-color: #f2f2f2; border-bottom: 3px solid #e61c51; }
.single-designer .title-holder h4 { display: block; margin-bottom: 8px; color: #e61c51; }
.single-designer .title-holder span { display: block; font-size: 13px; }
.single-designer:hover .img-holder img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.single-designer:hover .img-holder .content { background: rgba(0, 0, 0, 0);}
.single-designer:hover .img-holder .content .title-holder { bottom: 0%; }

/*======== 设计师详情 ===========*/
.designer-view .designer-info-text { padding-left: 70px; }
.designer-view .practice-areas li { font-size: 16px; line-height: 36px; color: #777777; }
.designer-view .img-holder { position: relative; text-align: center; }
.designer-view .img-holder:before { content: ''; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 2px solid rgba(255,255,255,.8); }
.designer-view .img-holder img { width: 100%; }
.designer-view .contact-button ul { margin-top: 35px; margin-left: 26px; }
.designer-view .contact-button ul li { background: #f2f2f2; margin-bottom: 30px; border: 1px solid #DFDFDF; padding: 6px 0; width: 300px; display: block; }
.designer-view .contact-button ul li:before { background: #e61c51; }
.designer-view .contact-button ul li:hover { background: #e61c51; }
.designer-view .contact-button ul li:hover .text { color: #fff; }
.designer-view .contact-button ul li:last-child { margin-bottom: 0; }
.designer-view .contact-button ul li .icon-box { display: table-cell; vertical-align: middle; position: relative; right: 26px; }
.designer-view .contact-button ul li i { display: inline-block; width: 50px; height: 50px; line-height: 40px; font-size: 24px; background: #e61c51; color: #fff; border: 4px solid #fff; text-align: center; border-radius: 50%; }
.designer-view .contact-button ul li .text { display: table-cell; color: #595959; font-size: 20px; line-height: 35px; vertical-align: middle; }
/*======== 常见问题 ===========*/
.faqs li { display: block; margin-bottom: 20px; padding-left: 30px; }
.faqs li h3 { position: relative; margin-bottom: 10px; }
.faqs li p { position: relative; color: #888; }
.faqs li h3:before { content: 'Q:'; position: absolute; top: 0px; left: -30px; color: #e61c51; font-size: 20px; }
.faqs li p:before { content: 'A:'; position: absolute; top: 0px; left: -28px; color: #888; font-size: 20px; }

/*======== 404 错误页 ===========*/
.page-404 .error .bug-content h3 { text-align: center; margin-bottom: 10px;}
.page-404 .error .bug-content p { font-size: 16px; text-align: center;}
.page-404 .error .bug-content span { display: block; text-align: center; font-weight: 700; font-size: 250px; line-height: 250px; color: #bebebe; margin-bottom: 20px;}
.page-404 .error .bug-content a.go-back { display: block; text-align: center; font-size: 16px; }

/*======== 装修计算工具 ===========*/
.tools .tools-item { display: block; padding: 30px 0; margin-bottom: 30px; border: 1px solid #eaeaea; color: #272727; }
.tools .tools-item:hover { border: 1px solid #e61c51; }
.tools .tools-item i { display: block; font-size: 64px; width: 150px; height: 150px; line-height: 144px; margin: 0 auto 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #e61c51; color: #fff; position: relative; z-index: 1; -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; }
.tools .tools-item i:after { width: 100%; height: 100%; border-radius: 50%; pointer-events: none; position: absolute; top: -7px; left: -7px; padding: 7px; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.2s, opacity 0.2s; transform: scale(.8); opacity: 0; }
.tools .tools-item.tuliao i { background: #0083dc; }
.tools .tools-item.qiangzhuan i { background: #e61c51; }
.tools .tools-item.dizhuan i { background: #03b8cf; }
.tools .tools-item.chuanlian i { background: #ffb30d; }
.tools .tools-item.bizhi i { background: #ea644a; }
.tools .tools-item.diban i { background: #8666b8; }
.tools .tools-item.tuliao i:after { box-shadow: 0 0 0 4px #0083dc; }
.tools .tools-item.qiangzhuan i:after { box-shadow: 0 0 0 4px #e61c51; }
.tools .tools-item.dizhuan i:after { box-shadow: 0 0 0 4px #03b8cf;}
.tools .tools-item.chuanlian i:after { box-shadow: 0 0 0 4px #ffb30d;}
.tools .tools-item.bizhi i:after { box-shadow: 0 0 0 4px #ea644a;}
.tools .tools-item.diban i:after { box-shadow: 0 0 0 4px #8666b8;}
.tools .tools-item:hover i:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.tools .tools-item h4 { font-size: 22px; color: #272727; margin-bottom: 15px; }
.tools .tools-item p { color: #888; margin-bottom: 0; }
#tools.tools { float: left; width: 100%; margin-top: 50px; }
#tools.tools .tools-item { display: block; padding: 0; margin-bottom: 0; border: none; }
#tools.tools .tools-item:hover { border: none; }
#tools.tools .tools-item i { font-size: 32px; width: 70px; height: 70px; line-height: 70px; }
#tools.tools .tools-item h4 { font-size: 16px; }
.tools .tools_nav ul li a { display: block; padding: 0 20px; font-size: 16px; line-height: 50px; background-color: #272727; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.tools .tools_nav ul li a:hover, .tools .tools_nav ul li.active a { background-color: #e61c51; color: #fff; }
.tools .tools_nav ul li a .fa { margin-right: 10px; }
.tools .tool-form-wrap { padding: 20px; border: 1px solid #eaeaea; }
.tools .tool-form h4 { margin-bottom: 10px; font-size: 16px; }
.tools .tool-form .form-group { margin-bottom: 20px; }
.tools .tool-form .form-group .input-append em { top: 8px; font-size: 14px; color: #999; font-style: normal; }
.tools .tool-form .form-group .btn-submit { background-color: #e61c51; color: #fff; }
.tools .tool-form .form-group .btn-submit:hover { background-color: #272727; }
.tools .result { padding: 20px; background-color: #f8f8f8; border: 1px solid #eee; }
.tools .result h4 { font-size: 18px; }
.tools .result p { margin-bottom: 0; }
.tools .result p.tx { color: #888; font-style: italic; }
.tools .result span { display: block; font-size: 28px; line-height: 24px; padding: 20px 0; color: #F60; }
.tools .result span em { margin-left: 10px; font-size: 17px; font-style: normal; color: #272727; vertical-align: middle;}
@media (min-width: 1200px) {
.container { padding: 0; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.property-highlight .property-highlight-text { padding-left: 15px; padding-bottom: 20px; }
.main-menu .navbar-collapse > ul > li > a { padding: 0 10px; font-size: 15px; }
.home-banner .reserve-form { padding: 0 20px; margin-bottom: 50px; }
.home-banner .reserve-form .top-header { margin-left: -20px; margin-right: -20px; }
.home-banner .reserve-form .top-header h3 { line-height: 60px; }
.home-banner .reserve-form .reserve-form-wrap { padding-top: 20px; padding-bottom: 20px; }
.banner_slick_item { padding: 150px 0; }
.service-items li p { font-size: 13px; }
.process .proces-item-wrap h4 { font-size: 15px; }
.designer-view .designer-info-text { padding-left: 20px; }
.designer-view .contact-button ul li { margin-bottom: 20px; }
.renew-store .block .detail { padding:20px; }
.renew-store .block .detail h4 { margin-bottom: 10px; }
.renew-store .block .detail .description { font-size: 14px; }
.property-highlight .full-img:before { display: none; }
.check-video-text { padding-left: 20px; }
.check-video-text p { font-size: 15px; }
.superiority-tabs .tab-content { padding: 20px; }
.worker .single-featured-option { margin: 10px 0; }
.worker .single-featured-option .icon-holder { width: 126px; }
.worker .single-featured-option .content { padding-left: 15px; }
.worker .single-featured-option .content h4 { font-size: 16px; }
.worker .single-featured-option .content p { line-height: 20px }
.tab-pane .material .single-featured-option { margin: 10px 0; }
.call-to-action-text h1 span { display: block; width: 100%; margin-left: 0; }
.about-section .img-holder { margin-top: 100px; }
.parallax-section { background-attachment: inherit; }
.single-gallery .img-holder .content .title-holder { height: auto; bottom: 0%; display: none; padding: 15px 0; }
.single-gallery .img-holder .content .title-holder h4 { display: block; text-align: center; font-size: 16px; }
.single-gallery:hover .img-holder .content .title-holder { display: block; }
}
@media(max-width:991px) {
#top-bar { display: none; }
.stricky-fixed { position: static; }
.header-inner .logo { width: 100%; margin-top: 10px; margin-bottom: 10px; }
.header-inner .logo img { height: 38px; }
/*.navbar-collapse { display: none; }*/
.navbar-toggle { display: block; }
.main-menu { float: left; width: 100%; }
.main-menu .navbar-collapse { border-top: 1px solid rgba(0, 0, 0, 0.1); }
.main-menu .navbar-collapse > ul { float: left; width: 100%; padding: 10px 0; margin: 0 -12px; }
.main-menu .navbar-collapse > ul > li { display: block; padding: 0; line-height: 40px; }
.main-menu .navbar-collapse > ul > li a { font-size: 15px; padding: 0 12px; }
.main-menu .navbar-collapse > ul > li.dropdown > a:after,.main-menu .navbar-collapse > ul > li > ul,.main-menu .navbar-collapse > ul > li.current > a span { display: none; }
.banner_slick_item { padding: 80px 0; }
.banner_slick_item .banner-content { width: 85%; }
.home-banner .reserve-form { position: static; width: 100%; margin-top: 30px; margin-bottom: 30px; }
.text-center-sm { text-align: center; }
.about-section .img-holder { margin-bottom: 50px; }
.about-page-image { margin-top: 30px; }
.about-page-image img { width: 100%; }
.service-items li h4 { margin: 10px 0; font-size: 16px; }
.service-items li p { font-size: 13px; }
.contact-form-wrap { margin-top: 30px; }
.footer { padding-top: 40px; }
.footer,.footer .text-right { text-align: center; }
.footer-menu { margin-top: 30px; }
.superiority-tabs .tab-content { padding: 20px; }
.property-highlight .full-img:before { display: none; }
.property-highlight .full-img img { float: none; width: 100%; }
.property-highlight .full-img .img-holder { margin: 0 -15px }
.property-highlight .property-highlight-text { padding-left: 15px; }
.process .proces-item-wrap { margin-bottom: 40px; }
.process .proces-item-wrap:last-child { margin-bottom: 0; }
.process .proces-item-wrap:after { display: none; }
.worker .single-featured-option,tab-pane .material .single-featured-option { margin: 10px 0; }
.about-page { padding-bottom: 50px; }
.construction-team .img-holder { margin-bottom: 30px; }
.check-video-text { padding-left: 15px; margin-top: 40px; }
.check-video-box .img-holder img { width: 100%; }
.designer-view .designer-info-text { padding-left: 0; }
.designer-view .contact-button ul li { margin-bottom: 20px; }
.designer-view .practice-areas li { font-size: 15px; line-height: 30px; }
.timeline:before { left: 20px; }
.timeline > li { margin-bottom: 10px; }
.timeline > li > .timeline-badge { left: 0; margin-left: 0; }
.timeline > li > .timeline-panel { width: 90%; width: calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); float: right; }
.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 10px; left: -10px; right: auto; }
.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 9px; left: -9px; right: auto; }
.timeline-heading { position: static; width: 100%; margin-left: 5px; margin-bottom: 8px; }
.timeline > li.timeline-inverted > .timeline-panel .timeline-heading { text-align: left; }
.renew-store { width: 100%; margin-bottom: 20px; }
.single-blog-post { margin-bottom: 30px; }
.side-background .single-blog-post { width: 100%; margin-left: auto; margin-right: auto; }
.single-sidebar { width: 100%; margin-left: auto; margin-right: auto; }
.sidebar-wrap.left-side { padding: 0; padding-right: 0; }
.sidebar_online { display: none; }
.bottom_online { display: block; }
.single-gallery .img-holder .content .title-holder { height: auto; bottom: 0%; display: none; padding: 15px 0; }
.single-gallery .img-holder .content .title-holder h4 { display: block; text-align: center; font-size: 16px; }
.single-gallery:hover .img-holder .content .title-holder { display: block; }
.parallax-section { background-attachment: inherit; }
.gallery_view_img .gallery_view_item .img-holder { min-height: 300px; line-height: 300px; }

.top_tag,.bottom_tag { display: none; }
}
@media(max-width:767px) {
.parallax-section { background-image: url("../img/wall-mini.jpg"); }
.section-title-wrap { padding: 50px 0; }
.section-title h2 { font-size: 24px; margin-bottom: 10px; }
.about-section { padding: 50px 0; }
.designers { padding: 50px 0 100px; }
.designers .section-title { margin-bottom: 80px; }
#page-title { padding: 70px 0 50px; }
#page-title h2 { font-size: 24px; padding: 8px 20px; }
.about-page-image { margin-top: 10px; }
.home-banner .reserve-form { padding: 0 20px; }
.home-banner .reserve-form .top-header { margin-left: -20px; margin-right: -20px; }
.home-banner .reserve-form .top-header h3 { line-height: 60px; }
.home-banner .reserve-form .reserve-form-wrap { padding-top: 20px; padding-bottom: 20px; }
.about-section .about-text { margin-top: 50px; }
.service-items li { width: 50%; margin-bottom: 30px; }
.agent-info .img-holder, .agent-info .content { display: block; }
.agent-info .content { padding-left: 0; margin-top: 40px; }
.footer-menu ul { padding-bottom: 20px; margin-bottom: 15px; }
.footer-menu ul li a { line-height: 30px; }
.footer p { color: #6B6B6B; font-size: 14px; margin: 0; line-height: 28px; margin-top: 15px; }
.footer-copyright span { display: block; font-size: 13px; line-height: 30px; }
.footer-copyright span#copyright { margin-right:0;}
.facility-list { display: block; padding-right: 0; }
.call-to-action { padding: 30px 0; }
.call-to-action-text h1 { font-size: 20px; line-height: 31px; margin-bottom: 20px; text-align: center; }
.call-to-action-text h1 span { display: block; width: 100%; margin-left: 0; font-size: 16px; }
.call-to-action-text h1 span em { font-size: 14px;}
.call-to-action-button .btn { float: left; width: 100%; font-size: 22px; padding: 10px; }
.single-featured-option { margin-bottom: 30px; }
.material .single-featured-option { margin-bottom: 20px; }
.single-featured-option:last-child { margin-bottom: 0; }
.material .single-featured-option .content p { font-size: 13px; }
.featured-option { padding-bottom: 50px; }
.designer-view .designer-info-text { padding-top: 30px; }
.designer-view .contact-button ul li { width: 100%; }
.check-video-box .img-holder img { width: 100%; }
.material .icon-holder { margin-left: auto; margin-right: auto; }
.material .content { padding: 0; }
.single-sidebar .villa-features li { width: 115px; }
.single-sidebar form input { width: 80%; }
.sidebar-wrap { padding: 0; }
.single-page-content ul.list-item { display: block; padding-bottom: 20px; }
.single-page-content .dtc { display: block; }
.blog-container .ptb-80 { padding-top: 30px; padding-bottom: 30px; }
.blog-container .left-content .single-blog-post { margin-right: 0; }
.blog-container .right-side .single-blog-post { margin-left: 0; }
.blog-container .single-blog-post .title-holder ul { padding-top: 5px; text-align: center; }
.blog-container .single-blog-post .img-holder { margin: auto; display: block; margin-bottom: 30px; }
.renew-store .block .detail { padding:15px; }
.comment-box .single-comment .content { padding-left: 0px; }
.comment-box .single-comment { padding-left: 15px; padding-right: 15px; }
.comment-form form .half { float: none; width: 100%; }
.comment-form form { padding-left: 15px; padding-right: 15px; }
.single-page-content ul.list-item { padding-right: 0; }
.single-page-content .left-content .image-content-holder { padding-left: 0; }
.single-page-content .right-content .image-content-holder { padding-right: 0; }
.single-page-content .image-content-holder { width: 100%; margin-top: 20px; margin-bottom: 20px; }
.sliding-gallery .row { margin-right: -5px; margin-left: -5px; }
.gallery-grid .single-gallery { width: 49.98%; }
.single-gallery { margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }
.gallery_slick_nav_item { margin: 0 5px; border: 2px solid #fff; }
.activity-apply { position: static; }
.apply-form form input { margin-bottom: 15px; }
.apply-phone { text-align: center; margin-bottom: 10px; }
.gallery_view_txt .title { font-size: 22px; margin-bottom: 10px; }
.gallery_view_txt ul li { display: block; float: left; margin: 0; font-size: 14px; line-height: 22px; }
.gallery_view_txt .content { text-align: left; padding: 10px 0; }
.gallery_view_img .gallery_view_item { display: block; margin-bottom: 15px; }
.gallery_view_img .gallery_view_item .img-holder { min-height: 200px; line-height: 200px; }
}
@media (max-width: 480px) {
.section-title-wrap { padding: 30px 0; }
.section-title h2 { font-size: 22px; margin-bottom: 5px; }
.section-title p { font-size: 13px; }
.about-section { padding: 30px 0; }
.designers { padding: 30px 0 80px; }
.designers .section-title { margin-bottom: 50px; }
#page-title { padding: 40px 0 30px; }
#page-title h2 { font-size: 20px; padding: 5px 15px; }
.header-inner .logo .fa,.footer-logo .fa { font-size: 32px; }
.proces-item-wrap h4 { font-size: 16px; }
.call-to-action-text h1 { font-size: 18px; }
.superiority-tabs .tabs-nav { margin: 0 ; }
.superiority-tabs .tabs-nav li { width: 100%; padding: 0; margin-bottom: 10px; }
.superiority-tabs .tabs-nav li .tab-nav-box { float: left; display: block; line-height: 50px; padding: 15px; }
.superiority-tabs .tabs-nav li .fa { float: left; display: block; margin-bottom: 0; margin-right: 10px; font-size: 32px; }
.superiority-tabs .tabs-nav li h4 { float: left; line-height: 32px; }
.superiority-tabs .tab-content { padding: 10px; }
.worker .single-featured-option .icon-holder { width: 120px; }
.worker .single-featured-option .content h4 { font-size: 16px; }
.worker .single-featured-option .content p { font-size: 12px; line-height: 19px }
#tools.tools .tools-item h4 { font-size: 14px; }
.footer { padding-top: 20px; padding-bottom: 80px; }
.footer-copyright span { font-size: 12px; }
.apply-fixed .footer { padding-bottom: 20px; }
.gallery-filter { display: block; margin: 0 -5px; overflow: hidden; }
.gallery-filter li { display: inline-block; float: left; width: 25%; padding: 0 5px; }
.gallery-filter li a,.gallery-filter li span { display: block; float: left; width: 100%; padding: 6px 0; font-size: 15px; }
#gallery .gallery-filter li { width: 33.333%; }
.single-gallery:hover .img-holder .content .title-holder { display: none; }
.gallery_view_img .gallery_view_item .img-holder { min-height: 100px; line-height: 100px; }
.service-items li { display: inline-block; width: 50%; }
.renew-store .block .detail { padding:10px; }
.renew-store .block .detail h4 { font-size: 18px; margin-bottom: 8px; }
.renew-store .block .detail .description { font-size: 13px; line-height: 22px; }
.blog-container .single-blog-post .title-holder ul { padding-top: 5px; text-align: left; }
.banner_slick_item { padding: 30px 0; }
.banner_slick_item .banner-content h1 { font-size: 22px; margin-bottom: 15px; }
.banner_slick_item .banner-content p { font-size: 14px; line-height: 22px; margin-bottom: 15px; }
.banner_slick_item .banner-content a { font-size: 14px; line-height: 22px; border-radius: 3px; padding: 5px 10px; margin-left: 17px; }
.banner_slick_item .banner-content a i { font-size: 16px; margin-left: 5px; }
.banner_slick_item .banner-content-box { border-left: 2px solid #e61c51; padding-left: 15px; margin-bottom: 15px; }
.designers { padding: 50px 0 80px; }
.designers .section-title { margin-bottom: 50px; }
.designers_slick .designers_slick_item .slick_hover .slick_table .slick_table_cell { padding: 0; text-align: center; }
.designers_slick .designers_slick_item .slick_hover .slick_table .slick_table_cell h3 { font-size: 13px; margin-bottom: 0; }
.designers_slick .designers_slick_item .slick_hover .slick_table .slick_table_cell span { display: none; }
.designers_slick .designers_slick_item.slick-center .slick_image:before { top: 5px; bottom: 5px; left: 5px; right: 5px; }
.single-activity .img-holder, .single-activity .content { display: block; width: 100%; }
.single-activity .content { padding-top: 20px; padding-left: 0; }
.reserve-content .reserve-form { padding: 15px; margin-bottom: 20px; }
.reserve-content .reserve-info { padding: 15px 10px; }
.reserve-content .reserve-info .reserve-info-title h2 { margin-bottom: 15px; font-size: 18px; }
.reserve-content .reserve-info .reserve-info-title span { font-size: 13px; }
.reserve-content .reserve-info .reservelist ul li { font-size: 13px; }
.reserve-content .reserve-info .reservelist ul li span.li-name { width: 20%; }
.reserve-content .reserve-info .reservelist ul li span.li-phone { width: 33%; }
.reserve-content .reserve-info .reservelist ul li span.li-type { display: none; }
.reserve-content .reserve-info .reservelist ul li span.li-area { width: 15%; }
.reserve-content .reserve-info .reservelist ul li span.li-date { width: 32%; text-align: right; }
.contact-content .agent-info .contact-info { padding: 0 20px; font-size: 15px; }
.contact-content .agent-info .contact-info p { padding-left: 22px; margin-bottom: 10px; }
.contact-content .agent-info .contact-info p i { top: 5px; }
}