@font-face { font-family: PoppinsRegular; src: url("../fonts/Poppins-Regular.ttf"); }
@font-face { font-family: PoppinsMedium; src: url("../fonts/Poppins-Medium.ttf"); }
@font-face { font-family: PoppinsSemiBold; src: url("../fonts/Poppins-SemiBold.ttf"); }
@font-face { font-family: PoppinsBold; src: url("../fonts/Poppins-Bold.ttf"); }
@font-face { font-family: LucidaGrandeBold; src: url("../fonts/LucidaGrandeBold.ttf"); }
@font-face { font-family: MavenProRegular; src: url("../fonts/MavenPro-Regular.ttf"); }
@font-face { font-family: OpenSansExtraBold; src: url("../fonts/OpenSans-ExtraBold.ttf"); }
@font-face { font-family: OpenSansRegular; src: url("../fonts/OpenSans-Regular.ttf"); }
@font-face { font-family: OpenSansBold; src: url("../fonts/OpenSans-Bold.ttf"); }
@font-face { font-family: OpenSansSemibold; src: url("../fonts/OpenSans-SemiBold.ttf"); }
@font-face { font-family: PacificoRegular; src: url("../fonts/Pacifico-Regular.ttf"); }
.fontMedium { font-family: PoppinsMedium; }

.fontSemiBold { font-family: PoppinsSemiBold; }

.fontBold { font-family: PoppinsBold; }

body { font-family: PoppinsRegular; font-size: 13px; }

a { -webkit-transition: all 0.3s; transition: all 0.3s; }
a:hover { color: #50afcf; text-decoration: none; }
a:active, a:focus { text-decoration: none; }

.relative { position: relative; }

.border-none { border: none !important; }

.border-radius-0 { border-radius: 0; }

.border-top { border-top: 1px solid #ececec; }

.marginT0 { margin-top: 0; }

.marginL5 { margin-left: 5px; }

.bg-white { background: #fff; }

.bg-blue { background-color: #50afcf; }

.bg-gray { background-color: #a6a8b0; }

.text-black { color: #000; }

.text-primary-kt { color: #50afcf; }

.text-success-kt { color: #52ad65; }

.text-warning-kt { color: #ff7043; }

.text-danger-kt { color: #e24e4a; }

.text-gray-kt { color: #9b9faa; }

.hover-underline:hover { text-decoration: underline; }

.form-control-mix { border-radius: 0; height: 48px; -webkit-box-shadow: none; box-shadow: none; }

.ipn-group-mix .form-control { width: 33.33%; float: left; border-left: none; }
.ipn-group-mix .form-control:first-child { border-left: 1px solid #ccc; }

.input-group-icon-mix .form-control, .input-group-icon-mix .btn { height: 48px; border-radius: 0; }
.input-group-icon-mix .btn { border-left: none; }

.checkbox { padding-left: 20px; margin: 0; }

.checkbox label { display: inline-block; position: relative; padding-left: 5px; font-size: 14px; font-weight: normal; }

.checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 0px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }

.checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555555; }

.checkbox input[type="checkbox"] { opacity: 0; outline: none; }

.checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.checkbox input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome'; content: "\f00c"; }

.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }

.checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; }

.checkbox.checkbox-circle label::before { border-radius: 50%; }

.checkbox.checkbox-inline { margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #428bca; border-color: #428bca; }

.checkbox-primary input[type="checkbox"]:checked + label::after { color: #fff; }

.checkbox-primary-kt input[type="checkbox"]:checked + label::before { background-color: #50afcf; border-color: #50afcf; }

.radio { padding-left: 20px; }

.radio label { display: inline-block; position: relative; padding-left: 5px; color: #000; }

.radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }

.radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] { opacity: 0; }

.radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

.radio input[type="radio"]:disabled + label { opacity: 0.65; }

.radio input[type="radio"]:disabled + label::before { cursor: not-allowed; }

.radio.radio-inline { margin-top: 0; }
.header .h-top { background: #f3f4f6; min-height: 40px; }
.header .h-top .navbar-nav { float: right; }
.header .h-top .navbar-nav > li { float: left; }
.header .h-top .navbar-nav > li > a { color: #000; font-size: 14px; margin-left: 2px; padding-top: 10px; padding-bottom: 10px; }
.header .h-top .navbar-nav > li > a .ico { float: left; margin-right: 12px; }
.header .h-main { padding: 22px 0; margin-bottom: 0; background: #fff; border-top: none; }
.header .h-main .navbar-brand { padding-top: 0; padding-bottom: 0; }
.header .h-main .h-menu > li > a { font-size: 14px; color: #000; position: relative; padding-right: 28px; }
.header .h-main .h-menu > li > a:before { content: ''; position: absolute; top: 24px; right: -5px; width: 24px; height: 2px; background: #ececec; }
.header .h-main .h-menu > li > a .number { display: inline-block; width: 28px; height: 28px; border: 1px solid #ebecee; border-radius: 50%; text-align: center; float: left; margin: -4px 15px 0 0; line-height: 26px; position: relative; }
.header .h-main .h-menu > li.active > a { background: transparent; }
.header .h-main .h-menu > li.active > a .number { background: #50afcf; color: #fff; border-color: #50afcf; }
.header .h-main .h-menu > li.activate > a { background: transparent; }
.header .h-main .h-menu > li.activate > a .number { background: #000; font-size: 0; }
.header .h-main .h-menu > li.activate > a .number:before { content: "\f00c"; position: absolute; top: 8px; left: 7px; width: 13px; height: 10px; background: url(../images/checked.png) no-repeat; }
.header .h-main .h-menu > li.last > a:before { display: none; }
.header .h-main .h-main-menu > li > a { color: #000; font-size: 15px; }
.header .h-main .h-main-menu > li > a:hover { color: #4ac7f1; }
.header .h-main .h-main-menu > li > a.active { color: #4ac7f1; }
.header .h-main .h-signin { font-size: 16px; color: #000; padding-right: 0; }
.header .h-main .h-signin .avatar { width: 20px; height: 20px; border-radius: 2px; float: left; margin-right: 10px; }
.header .h-main .h-signin:hover { color: #50afcf; }
.header .h-main .h-getquote { color: #fff; font-family: PoppinsMedium; font-size: 15px; padding: 14px 62px; text-align: center; }
.header .h-main .h-getquote:hover { background: #4ac7f1; color: #fff; }

@media (min-width: 320px) and (max-width: 767px) { .header .h-main .h-menu > li > a:before { display: none; } }
.footer-top { background: #000; padding: 28px 0; }
.footer-top .title { font-family: PoppinsBold; font-size: 16px; color: #fff; margin-bottom: 15px; margin-top: 10px; }
.footer-top .f-list li a { color: #fff; display: inline-block; margin-bottom: 5px; }
.footer-top .f-logo { margin-bottom: 30px; display: inline-block; }
.footer-top .f-social li a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #777; text-align: center; line-height: 40px; color: #fff; font-size: 16px; margin-right: 10px; }
.footer-top .f-social li a:hover { background: #fff; border-color: #ffff; color: #50afcf; text-decoration: underline; }

.footer-bottom { background: #212225; font-family: PoppinsRegular; font-size: 13px; color: #a6a8b0; padding: 15px 0; }

.get-quote-content { padding: 55px 0; }
.get-quote-content .cont3nt-get-quote { padding-top: 20px; }
.get-quote-content .cont3nt-get-quote .title { font-family: PoppinsSemiBold; font-size: 16px; color: #333; margin-bottom: 10px; }
.get-quote-content .cont3nt-get-quote .list-house { margin-bottom: 35px; }
.get-quote-content .cont3nt-get-quote .list-house li { width: 84px; height: 88px; border: 1px solid #ececec; text-align: center; float: left; margin-right: 16px; padding-top: 16px; }
.get-quote-content .cont3nt-get-quote .list-house li:hover { border-color: #000; }
.get-quote-content .cont3nt-get-quote .list-house li span { font-size: 11px; color: #333; clear: both; margin: 5px 0 0; display: inline-block; }
.get-quote-content .cont3nt-get-quote .list-house li.active { border: 2px solid #50afcf; }
.get-quote-content .cont3nt-get-quote .sub-title { font-family: PoppinsMedium; color: #000; margin-bottom: 5px; }
.get-quote-content .content-b .special-tbl { border: 1px solid #ececec; border-bottom: none; background: #f9f9f9; padding: 20px 20px; }
.get-quote-content .content-b .special-tbl .title { font-size: 16px; }
.get-quote-content .content-b .special-tbl .select { display: inline-block; padding: 14px 64px; color: #fff; font-family: PoppinsMedium; font-size: 14px; }
.get-quote-content .content-b thead { border-left: 1px solid #ececec; border-right: 1px solid #ececec; }
.get-quote-content .content-b thead > tr > th { background: #f9f9f9; padding: 10px 20px; font-weight: inherit; font-family: PoppinsMedium; border-bottom: none; color: #888; }
.get-quote-content .content-b tbody { border: 1px solid #ececec; }
.get-quote-content .content-b tbody > tr > td { padding: 20px 20px; font-size: 14px; }
.get-quote-content .side-a { background: #f9f9f9; border: 1px solid #ececec; padding: 20px 32px 0px; margin-bottom: 16px; }
.get-quote-content .side-a .title { font-family: PoppinsSemiBold; font-size: 16px; color: #333; margin-bottom: 10px; }
.get-quote-content .side-a .title2 { font-family: PoppinsMedium; color: #000; margin-bottom: 10px; }
.get-quote-content .side-a .ipn-file .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.get-quote-content .side-a .ipn-file .inputfile + label { color: #000; display: inline-block; cursor: pointer; font-family: inherit; font-weight: inherit; margin-bottom: 0; width: 100%; margin-bottom: 10px; padding: 14px 20px 0 10px; border: 1px dashed #ccc; height: 48px; background: url(../images/cloud-up.png) no-repeat right 10px center; }
.get-quote-content .side-a .ipn-file .inputfile:focus + label, .get-quote-content .side-a .ipn-file .inputfile + label:hover { border-color: #000; }
.get-quote-content .side-a .list-img { margin-left: 0; }
.get-quote-content .side-a .list-img li { padding: 0; margin: 8px 15px 8px 0; }
.get-quote-content .side-a .list-img li a { display: block; width: 84px; height: 84px; overflow: hidden; }
.get-quote-content .side-a .list-img li:nth-child(4n) { margin-right: 0; }
.get-quote-content .side-a .list-info li { font-size: 14px; margin-bottom: 10px; color: #333; }
.get-quote-content .side-a .list-info li .info-value { font-family: PoppinsSemiBold; float: right; }
.get-quote-content .side-a .list-design-pm { font-size: 14px; color: #333; border-top: 1px solid #ececec; padding: 15px 32px 0; margin: 0 -32px; }
.get-quote-content .side-a .continue { display: block; font-family: PoppinsMedium; font-size: 15px; color: #fff; padding: 13px 0 14px; text-align: center; margin-bottom: 16px; }
.get-quote-content .side-a .continue:hover { background: #4ac7f1; }
.get-quote-content .side-a .continue-border { border-top: 1px solid #ececec; margin: 0 -32px; padding: 16px 32px 0; }
.get-quote-content .side-b { position: relative; }
.get-quote-content .side-b img { width: 100%; }
.get-quote-content .side-b .see-more { position: absolute; bottom: 24px; left: 24px; background: #000; color: #fff; font-size: 14px; padding: 10px 19px; }
.get-quote-content .side-b .see-more:hover { color: #50afcf; text-decoration: none; }
.get-quote-content .cont3nt-room7 .block-room { border: 1px solid #ececec; margin-bottom: 16px; }
.get-quote-content .cont3nt-room7 .block-room .panen-heading { border-bottom: 1px solid #ececec; padding: 20px 32px; background: #f9f9f9; position: relative; }
.get-quote-content .cont3nt-room7 .block-room .panen-heading .big-title { font-family: PoppinsSemiBold; font-size: 16px; color: #333; }
.get-quote-content .cont3nt-room7 .block-room .panen-heading .sub-title { font-size: 14px; color: #333; margin-top: 13px; }
.get-quote-content .cont3nt-room7 .block-room .panen-heading .edit { font-size: 14px; position: absolute; top: 20px; right: 30px; color: #50afcf; }
.get-quote-content .cont3nt-room7 .block-room .panen-heading .edit:hover { text-decoration: underline; }
.get-quote-content .cont3nt-room7 .block-room .panen-heading .remove { font-size: 14px; position: absolute; top: 20px; right: 30px; color: #888; }
.get-quote-content .cont3nt-room7 .block-room .panen-heading .remove:hover { text-decoration: underline; }
.get-quote-content .cont3nt-room7 .block-room .panen-body { padding: 16px 32px; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .s-title { font-family: PoppinsMedium; font-size: 14px; margin-bottom: 8px; color: #000; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .panel-group-room7 .panel-default { border-color: #ececec; border-radius: 0; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .panel-group-room7 .panel-default + .panel { margin-top: 16px; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .panel-group-room7 .panel-default .panel-heading { background: #fff; border-color: #ececec; padding: 18px 15px; position: relative; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .panel-group-room7 .panel-default .panel-title { font-family: PoppinsBold; font-size: 14px; position: relative; display: block; color: #000; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .panel-group-room7 .panel-default .panel-title:before { content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; position: absolute; right: 0; top: 0px; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .panel-group-room7 .panel-default .panel-title[aria-expanded="true"]:before { content: "\f106"; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .panel-group-room7 .panel-default .panel-title-xbefore:before { display: none; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .panel-group-room7 .panel-default .pn-edit { position: absolute; right: 50px; top: 20px; color: #50afcf; font-family: PoppinsMedium; font-size: 14px; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .panel-group-room7 .panel-default .pn-edit:hover { text-decoration: underline; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .panel-group-room7 .panel-default .panel-body { border-top-color: #ececec; background: #f9f9f9; padding: 8px 14px; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .panel-group-room7 .panel-default .panel-body ul li a { display: block; margin-bottom: 16px; overflow: hidden; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .panel-group-room7 .panel-default .panel-body ul li a:hover { background: #dadada; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .panel-group-room7 .panel-default .panel-body ul li a img { width: 24px; height: 24px; float: left; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .panel-group-room7 .panel-default .panel-body ul li a span { margin-left: 16px; display: inline-block; margin-top: 3px; font-size: 12px; color: #333; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .group-action { text-align: right; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .group-action a { display: inline-block; width: 120px; height: 48px; text-align: center; border: 1px solid #ebecee; font-family: PoppinsMedium; font-size: 15px; margin-left: 16px; color: #333; line-height: 48px; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .group-action a:hover { border: 1px solid #000; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .group-action a.bg-blue { color: #fff; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .special-add { border: 2px solid #50afcf; height: 56px; font-size: 14px; color: #000; padding: 18px 20px; display: block; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .special-add .fa { color: #50afcf; font-size: 20px; float: left; margin-right: 20px; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .special-add:hover { border-color: #4ac7f1; }
.get-quote-content .cont3nt-room7 .block-room .panen-body .special-add:hover .fa { color: #4ac7f1; }
.get-quote-content .cont3nt-confirm .block-room { border: 1px solid #ececec; border-bottom: none; margin-bottom: 16px; }
.get-quote-content .cont3nt-confirm .block-room .panen-body { border-bottom: 1px solid #ececec; padding: 16px 32px; }
.get-quote-content .cont3nt-confirm .block-room .panen-body .v-title { font-size: 16px; font-family: PoppinsBold; color: #333; }
.get-quote-content .cont3nt-confirm .content-b .capital { font-size: 16px; font-family: PoppinsSemiBold; color: #333; background: #f9f9f9; border: 1px solid #ececec; border-bottom: none; padding: 15px 0 10px 20px; }
.get-quote-content .cont3nt-confirm .content-b thead { border-left: 1px solid #ececec; border-right: 1px solid #ececec; }
.get-quote-content .cont3nt-confirm .content-b thead > tr > th { background: #f9f9f9; padding: 10px 20px; font-weight: inherit; font-family: PoppinsMedium; border-bottom: none; color: #888; }
.get-quote-content .cont3nt-confirm .content-b tbody { border: 1px solid #ececec; }
.get-quote-content .cont3nt-confirm .content-b tbody > tr > td { padding: 20px 20px; font-size: 14px; }

.success-content { padding: 140px 0 130px; }
.success-content .big-icon { width: 144px; height: 144px; line-height: 144px; background-color: #50cf77; border-radius: 50%; text-align: center; margin: 0 auto; }
.success-content .big-title { font-family: PoppinsMedium; text-align: center; color: #333; font-size: 16px; margin: 22px 0 10px; }
.success-content .des { color: #888; font-size: 14px; width: 422px; margin: 0 auto 30px; }
.success-content .bhp { width: 384px; height: 48px; line-height: 48px; background-color: #50afcf; color: #fff; text-align: center; font-family: PoppinsMedium; font-size: 15px; margin: 0 auto 30px; display: block; }
.success-content .bhp:hover { background: #4ac7f1; }

@media (min-width: 320px) and (max-width: 500px) { .success-content .des { width: 100%; }
  .success-content .bhp { width: 100%; } }
.modal-ruhu { background: #fff; border: 1px solid #ececec; }
.modal-ruhu .mdr-title { background: #f9f9f9; min-height: 56px; position: relative; border-bottom: 1px solid #ececec; }
.modal-ruhu .mdr-title .text { font-family: LucidaGrandeBold; font-size: 16px; text-align: center; padding: 16px 0 0 0; color: #333; }
.modal-ruhu .mdr-title .cancel { position: absolute; top: 17px; left: 24px; font-family: PoppinsMedium; color: #333; font-size: 16px; }
.modal-ruhu .mdr-title .done { position: absolute; top: 17px; right: 24px; font-family: PoppinsMedium; color: #50afcf; font-size: 16px; }
.modal-ruhu .mdr-title .closeX { position: absolute; top: 17px; right: 24px; }
.modal-ruhu .mdr-content { padding: 16px 24px; }
.modal-ruhu .mdr-content .room3-action { display: block; border: 1px solid #ececec; height: 40px; line-height: 40px; color: #000; padding: 0 16px; }
.modal-ruhu .mdr-content .room3-action:hover { border-color: #000; }
.modal-ruhu .mdr-content .btn-blue { font-family: PoppinsMedium; font-size: 15px; color: #fff; padding: 13px 0 14px; }
.modal-ruhu .mdr-content .tit { font-size: 14px; color: #000; }
.modal-ruhu .mdr-content .vendor-item-update-modal { position: relative; border-bottom: 1px solid #eee; margin: 0 -24px; padding: 0 24px 20px 24px; }
.modal-ruhu .mdr-content .vendor-item-update-modal img { width: 72px; height: 72px; }
.modal-ruhu .mdr-content .vendor-item-update-modal .info { margin: -6px 15px 0 82px; font-size: 14px; color: #333; line-height: 25px; }
.modal-ruhu .mdr-content .vendor-item-update-modal .icon-right { position: absolute; top: 23%; right: 24px; font-size: 18px; color: #000; }
.modal-ruhu .modal-ruhu-table > thead > tr > th { background: #f9f9f9; border-bottom: 1px solid #ececec; font-family: PoppinsMedium; color: #888; font-size: 13px; font-weight: inherit; padding: 12px 10px; }
.modal-ruhu .modal-ruhu-table > tbody > tr > td { padding: 15px 8px; border-top: 1px solid #ececec; font-family: PoppinsMedium; font-size: 14px; color: #333; }
.modal-ruhu .modal-ruhu-table .check { display: inline-block; width: 68px; height: 32px; line-height: 32px; border: 1px solid #ececec; color: #333; text-align: center; background: #fff; margin-right: 16px; margin-top: -6px; }
.modal-ruhu .modal-ruhu-table .check:hover { border-color: #000; }
.modal-ruhu .modal-ruhu-table .add { display: inline-block; width: 68px; height: 32px; line-height: 32px; color: #fff; text-align: center; background: #50afcf; margin-right: 16px; margin-top: -6px; font-family: PoppinsMedium; font-size: 14px; }
.modal-ruhu .modal-ruhu-table .add:hover { background: #4ac7f1; }
.modal-ruhu .side-a { background: #f9f9f9; border: 1px solid #ececec; padding: 20px 15px 0px; margin-bottom: 16px; }
.modal-ruhu .side-a .title { font-family: PoppinsSemiBold; font-size: 16px; color: #333; margin-bottom: 10px; }
.modal-ruhu .side-a .list-info li { font-size: 14px; margin-bottom: 10px; color: #333; }
.modal-ruhu .side-a .list-info li .info-value { font-family: PoppinsSemiBold; float: right; }
.modal-ruhu .side-a .continue { display: block; font-family: PoppinsMedium; font-size: 15px; color: #fff; padding: 13px 0 14px; text-align: center; margin-bottom: 16px; }
.modal-ruhu .side-a .continue:hover { background: #4ac7f1; }
.modal-ruhu .side-a .continue-border { border-top: 1px solid #ececec; margin: 0 -15px; padding: 16px 15px 0; }
.modal-ruhu .block-check-top { border: 1px solid #ececec; padding: 14px 14px; margin-bottom: 16px; }
.modal-ruhu .unit-group-check { border: 1px solid #ececec; margin-bottom: 16px; }
.modal-ruhu .unit-group-check .control-top { background: #f9f9f9; padding: 14px 14px; border-bottom: 1px solid #ececec; }
.modal-ruhu .unit-group-check .control-content { padding: 16px 32px; }
.modal-ruhu .unit-group-check .control-content .left-text-wrap { margin: 10px 0 0; }
.modal-ruhu .unit-group-check .control-content .left-text-wrap .text { font-size: 14px; color: #000; }
.modal-ruhu .mdr5-content { background: #f9f9f9; }
.modal-ruhu .mdr5-content .right { float: right; width: 224px; padding: 10px 0px; border-bottom: 1px solid #ececec; }
.modal-ruhu .mdr5-content .right .list li { padding: 8px 14px; }
.modal-ruhu .mdr5-content .right .list li .img { width: 32px; height: 32px; overflow: hidden; float: left; }
.modal-ruhu .mdr5-content .right .list li .name { display: block; height: 34px; overflow: hidden; color: #333; font-size: 12px; margin-left: 40px; }
.modal-ruhu .mdr5-content .right .list li .name:hover { color: #50afcf; }
.modal-ruhu .mdr5-content .left { margin-right: 224px; border-right: 1px solid #ececec; background: #fff; }
.modal-ruhu .mdr5-content .left .slogan { background: url(../images/bitmap3.png) no-repeat center; background-size: cover; color: #fff; padding: 22px 35px; min-height: 128px; }
.modal-ruhu .mdr5-content .left .slogan .title { font-family: PoppinsSemiBold; font-size: 23px; margin-bottom: 10px; }
.modal-ruhu .mdr5-content .left .slogan .des { font-size: 13px; }
.modal-ruhu .mdr5-content .left .content { padding: 17px 32px; }
.modal-ruhu .mdr5-content .left .content .unit { border: 1px solid #ececec; margin-bottom: 16px; }
.modal-ruhu .mdr5-content .left .content .unit .product { padding: 6px 0 0px 6px; margin-right: 82px; }
.modal-ruhu .mdr5-content .left .content .unit .product .img { width: 56px; height: 56px; overflow: hidden; float: left; }
.modal-ruhu .mdr5-content .left .content .unit .product .name { display: block; font-size: 12px; color: #000; line-height: 20px; margin-left: 66px; }
.modal-ruhu .mdr5-content .left .content .unit .product .name:hover { color: #4ac7f1; }
.modal-ruhu .mdr5-content .left .content .unit .action { float: right; width: 72px; }
.modal-ruhu .mdr5-content .left .content .unit .action .top .ipn-number { float: left; width: 40px; height: 38px; text-align: center; border: 1px solid #ececec; outline: none; border-top: none; border-bottom: none; }
.modal-ruhu .mdr5-content .left .content .unit .action .top .plus { display: block; text-align: center; color: #000; }
.modal-ruhu .mdr5-content .left .content .unit .action .top .plus:hover { color: #fff; background: #50afcf; }
.modal-ruhu .mdr5-content .left .content .unit .action .top .plusc { border-bottom: 1px solid #ececec; }
.modal-ruhu .mdr5-content .left .content .unit .action .add { display: block; text-align: center; color: #fff; font-family: PoppinsSemiBold; padding: 9px 0; }
.modal-ruhu .block-room { border: 1px solid #ececec; margin-bottom: 16px; }
.modal-ruhu .block-room .panen-heading { border-bottom: 1px solid #ececec; padding: 20px 20px; background: #f9f9f9; position: relative; }
.modal-ruhu .block-room .panen-heading .big-title { font-family: PoppinsSemiBold; font-size: 16px; color: #333; }
.modal-ruhu .block-room .panen-body { padding: 16px 20px 0; }
.modal-ruhu .block-room .panen-body .mqd-popup { margin-bottom: 20px; }
.modal-ruhu .block-room .panen-body .mqd-popup .img { width: 24px; height: 24px; overflow: hidden; }
.modal-ruhu .block-room .panen-body .mqd-popup .price { font-family: PoppinsSemiBold; }
.modal-ruhu .block-room .panen-body .mqd-popup .info { margin: -2px 70px 0 34px; }
.modal-ruhu .block-room .panen-body .mqd-popup .info .name { color: #333; display: inline-block; }
.modal-ruhu .block-room .panen-body .mqd-popup .info .name:hover { color: #50afcf; }
.modal-ruhu .block-room .panen-body .mqd-popup .info .sub { color: #ccc; }

@media (min-width: 320px) and (max-width: 767px) { .modal-ruhu .mdr-title .cancel { position: inherit; } }
.signin-ruhu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }
.signin-ruhu .cont3nt-body { background: #fff; width: 384px; margin: 100px auto; }
.signin-ruhu .cont3nt-body .title { min-height: 56px; position: relative; }
.signin-ruhu .cont3nt-body .title .text { font-size: 16px; color: #333; text-align: center; font-family: LucidaGrandeBold; padding: 16px 0 0; }
.signin-ruhu .cont3nt-body .title .cancel { font-family: PoppinsMedium; font-size: 16px; color: #333; position: absolute; top: 17px; left: 32px; }
.signin-ruhu .cont3nt-body .title .cancel:hover { text-decoration: underline; }
.signin-ruhu .cont3nt-body .content { padding: 15px 32px; }
.signin-ruhu .cont3nt-body .content .input-mixx { height: 48px; border-radius: 0; padding-left: 40px; }
.signin-ruhu .cont3nt-body .content .input-mixx-email { background: url(../images/signin-icon1.png) no-repeat 10px center; }
.signin-ruhu .cont3nt-body .content .input-mixx-password { background: url(../images/signin-icon2.png) no-repeat 10px center; }
.signin-ruhu .cont3nt-body .content .action { display: block; color: #fff; font-family: PoppinsBold; font-size: 14px; text-align: center; height: 48px; line-height: 48px; }
.signin-ruhu .cont3nt-body .content .action:hover { background: #4ac7f1; }

.contractor-detail-content { padding: 30px 0 120px; }
.contractor-detail-content .block-design-your-house { position: relative; margin-bottom: 32px; }
.contractor-detail-content .block-design-your-house .img { width: 100%; }
.contractor-detail-content .block-design-your-house .content { position: absolute; top: 52px; left: 64px; z-index: 1; }
.contractor-detail-content .block-design-your-house .title1 { font-family: PoppinsSemiBold; font-size: 36px; color: #fff; margin-bottom: 10px; }
.contractor-detail-content .block-design-your-house .title2 { font-size: 14px; color: #fff; width: 384px; margin-bottom: 15px; }
.contractor-detail-content .block-design-your-house .see-more { color: #fff; padding: 10px 47px; font-size: 14px; display: inline-block; }
.contractor-detail-content .block-design-your-house .see-more:hover { background: #4ac7f1; }
.contractor-detail-content .top-cdc { margin-bottom: 32px; }
.contractor-detail-content .top-cdc .small-block { border: 1px solid #ececec; padding: 32px 32px; }
.contractor-detail-content .top-cdc .small-block .title { font-family: PoppinsSemiBold; font-size: 16px; color: #333; margin-bottom: 10px; }
.contractor-detail-content .top-cdc .small-block .list-house { margin-bottom: 20px; }
.contractor-detail-content .top-cdc .small-block .list-house li { width: 84px; height: 88px; border: 1px solid #ececec; text-align: center; float: left; margin-right: 16px; padding-top: 16px; margin-bottom: 10px; }
.contractor-detail-content .top-cdc .small-block .list-house li:hover { border-color: #000; }
.contractor-detail-content .top-cdc .small-block .list-house li:nth-child(4n) { margin-right: 0; }
.contractor-detail-content .top-cdc .small-block .list-house li span { font-size: 11px; color: #333; clear: both; margin: 5px 0 0; display: inline-block; }
.contractor-detail-content .top-cdc .small-block .list-house li.active { border: 2px solid #50afcf; }
.contractor-detail-content .top-cdc .small-block .submit { display: block; text-align: center; color: #fff; font-family: PoppinsMedium; font-size: 15px; padding: 13px 0; }
.contractor-detail-content .top-cdc .small-block .submit:hover { background: #4ac7f1; }
.contractor-detail-content .top-cdc .big-block .group-top { position: relative; border-bottom: 1px solid #ececec; }
.contractor-detail-content .top-cdc .big-block .group-top h2 { font-family: PoppinsSemiBold; color: #333; font-size: 33px; margin-top: 10px; margin-bottom: 5px; }
.contractor-detail-content .top-cdc .big-block .group-top p { font-size: 14px; color: #333; margin-bottom: 15px; }
.contractor-detail-content .top-cdc .big-block .group-top .highlight { width: 64px; height: 64px; text-align: center; border-radius: 50%; color: #fff; position: absolute; top: -10px; right: 0; }
.contractor-detail-content .top-cdc .big-block .group-top .highlight .value1 { font-size: 14px; display: inline-block; margin-top: 7px; }
.contractor-detail-content .top-cdc .big-block .group-top .highlight .value2 { font-family: PoppinsSemiBold; font-size: 20px; clear: both; }
.contractor-detail-content .top-cdc .big-block .group-content { padding: 20px 0; font-size: 14px; color: #333; line-height: 23px; }
.contractor-detail-content .bottom-cdc .list-control { border: 1px solid #ececec; margin-bottom: 15px; }
.contractor-detail-content .bottom-cdc .list-control > li { float: left; }
.contractor-detail-content .bottom-cdc .list-control > li > a { font-family: PoppinsMedium; font-size: 16px; padding: 10px 25px; border-right: 1px solid #ececec; display: block; color: #333; }
.contractor-detail-content .bottom-cdc .list-control > li > a:hover { color: #50afcf; }
.contractor-detail-content .bottom-cdc .list-control > li > a.active { background: #50afcf; color: #fff; }
.contractor-detail-content .bottom-cdc .list-control > li > a.active:hover { background: #4ac7f1; }
.contractor-detail-content .bottom-cdc .row-bp { background: #f9f9f9; font-size: 14px; color: #333; border: 1px solid #ececec; border-bottom: none; }
.contractor-detail-content .bottom-cdc .row-bp:last-child { border-bottom: 1px solid #ececec; }
.contractor-detail-content .bottom-cdc .row-bp .left { float: left; width: 344px; padding: 13px 5px 11px 32px; border-right: 1px solid #ececec; }
.contractor-detail-content .bottom-cdc .row-bp .right { margin-left: 344px; padding: 13px 5px 11px 32px; }

@media (min-width: 320px) and (max-width: 767px) { .contractor-detail-content .block-design-your-house { position: relative; margin-bottom: 32px; }
  .contractor-detail-content .block-design-your-house .img { width: 100%; }
  .contractor-detail-content .block-design-your-house .content { position: inherit; top: 0; left: 0; text-align: center; }
  .contractor-detail-content .block-design-your-house .title1 { font-size: 20px; color: #333; margin-bottom: 10px; }
  .contractor-detail-content .block-design-your-house .title2 { font-size: 13px; color: #333; width: 100%; }
  .contractor-detail-content .block-design-your-house .see-more { padding: 10px 10px; font-size: 13px; }
  .contractor-detail-content .top-cdc .small-block { border: 1px solid #ececec; padding: 15px; }
  .contractor-detail-content .top-cdc .small-block .list-house { margin-bottom: 20px; text-align: center; }
  .contractor-detail-content .top-cdc .small-block .list-house li { float: none; display: inline-block; }
  .contractor-detail-content .top-cdc .small-block .list-house li:nth-child(4n) { margin-right: 16px; }
  .contractor-detail-content .bottom-cdc .list-control > li { float: none; }
  .contractor-detail-content .bottom-cdc .list-control > li > a { font-size: 13px; padding: 10px 25px 10px 15px; border-right: none; border-bottom: 1px solid #ececec; }
  .contractor-detail-content .bottom-cdc .row-bp { font-size: 13px; border: 1px solid #ececec; border-bottom: none; }
  .contractor-detail-content .bottom-cdc .row-bp:last-child { border-bottom: 1px solid #ececec; }
  .contractor-detail-content .bottom-cdc .row-bp .left { float: none; width: 100%; padding: 13px 5px 11px 15px; border-right: none; font-family: PoppinsBold; }
  .contractor-detail-content .bottom-cdc .row-bp .right { margin-left: 0; padding: 0px 5px 11px 15px; } }
@media (min-width: 768px) and (max-width: 991px) { .contractor-detail-content .block-design-your-house .content { top: 19px; left: 4%; width: 93%; }
  .contractor-detail-content .block-design-your-house .see-more { position: absolute; bottom: 0; right: 15px; }
  .contractor-detail-content .bottom-cdc .list-control > li > a { font-size: 14px; }
  .contractor-detail-content .bottom-cdc .row-bp { font-size: 13px; }
  .contractor-detail-content .bottom-cdc .row-bp .left { width: 280px; padding: 11px 5px 11px 15px; }
  .contractor-detail-content .bottom-cdc .row-bp .right { margin-left: 280px; padding: 11px 5px 11px 15px; } }
.contractor-content { padding-bottom: 50px; }
.contractor-content .main-top { background: url(../images/construction-site-build-construction-work-159306.png) no-repeat center; background-size: cover; }
.contractor-content .main-top .title { font-size: 44px; color: #fff; padding: 69px 0; }
.contractor-content .main-content { margin: -48px 0 0; }
.contractor-content .main-content .sidebar .tit { background: #50afcf; color: #fff; font-size: 16px; padding: 16px 20px 15px 16px; margin: 0; }
.contractor-content .main-content .sidebar .list-category > li > a { display: block; padding: 16px 20px 16px 16px; font-size: 15px; color: #333; border: 1px solid #ececec; border-top: none; background: #fff; }
.contractor-content .main-content .sidebar .list-category > li > a:hover { color: #50afcf; }
.contractor-content .main-content .sidebar .list-category > li > a.active { color: #50afcf; }
.contractor-content .main-content .sidebar .block-ad { position: relative; }
.contractor-content .main-content .sidebar .block-ad .img-main { width: 100%; }
.contractor-content .main-content .sidebar .block-ad .info { position: absolute; bottom: 40px; left: 30px; right: 30px; color: #fff; font-size: 14px; }
.contractor-content .main-content .sidebar .block-ad .info .title { font-family: PoppinsSemiBold; font-size: 20px; margin-bottom: 10px; }
.contractor-content .main-content .sidebar .block-ad .info .des { margin-bottom: 15px; }
.contractor-content .main-content .sidebar .block-ad .info .see-more { display: inline-block; color: #fff; font-size: 14px; padding: 10px 10px; }
.contractor-content .main-content .content .group-top { margin: 6px 0 32px; }
.contractor-content .main-content .content .group-top .des { font-size: 16px; color: #fff; margin: 8px 0 0; }
.contractor-content .main-content .content .group-top .sorting { margin: 9px 15px 0 0; color: #fff; }
.contractor-content .main-content .content .group-top .form-control { border-radius: 0; }
.contractor-content .main-content .content .block-design-your-house { position: relative; margin-bottom: 32px; }
.contractor-content .main-content .content .block-design-your-house .img { max-width: 100%; min-height: 256px; }
.contractor-content .main-content .content .block-design-your-house .content { position: absolute; top: 52px; left: 64px; z-index: 1; }
.contractor-content .main-content .content .block-design-your-house .title1 { font-family: PoppinsSemiBold; font-size: 36px; color: #fff; margin-bottom: 10px; }
.contractor-content .main-content .content .block-design-your-house .title2 { font-size: 14px; color: #fff; width: 384px; margin-bottom: 15px; }
.contractor-content .main-content .content .block-design-your-house .see-more { color: #fff; padding: 10px 47px; font-size: 14px; display: inline-block; }
.contractor-content .main-content .content .block-design-your-house .see-more:hover { background: #4ac7f1; }
.contractor-content .main-content .content .block-contractor-unit { border: 1px solid #ececec; margin-bottom: 32px; padding: 18px 18px; }
.contractor-content .main-content .content .block-contractor-unit .top { border-bottom: 1px solid #ececec; padding: 0 0 15px 0; margin-bottom: 10px; }
.contractor-content .main-content .content .block-contractor-unit .top .progres { float: right; width: 64px; height: 64px; border-radius: 50%; border: 4px solid #ececec; text-align: center; color: #50afcf; font-size: 12px; position: relative; }
.contractor-content .main-content .content .block-contractor-unit .top .progres .circle-pro { background: #fff; width: 56px; height: 56px; border-radius: 50%; position: absolute; top: 0px; left: 0px; z-index: 2; }
.contractor-content .main-content .content .block-contractor-unit .top .progres .circle-pro .txt { margin: 9px 0 -2px 0; }
.contractor-content .main-content .content .block-contractor-unit .top .progres .circle-pro .number { font-size: 20px; font-family: PoppinsSemiBold; }
.contractor-content .main-content .content .block-contractor-unit .top .progres .percent { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); position: absolute; top: -4px; left: -4px; }
.contractor-content .main-content .content .block-contractor-unit .top .progres .percent .svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); background: #ececec; border-radius: 50%; }
.contractor-content .main-content .content .block-contractor-unit .top .progres .percent .circle { fill: #ececec; stroke: #50afcf; stroke-width: 32; }
.contractor-content .main-content .content .block-contractor-unit .top .info { margin-right: 100px; color: #333; font-size: 14px; }
.contractor-content .main-content .content .block-contractor-unit .top .info .name { font-family: PoppinsSemiBold; font-size: 16px; margin-top: 7px; }
.contractor-content .main-content .content .block-contractor-unit .bottom { color: #333; font-size: 14px; min-height: 120px; }
.contractor-content .main-content .content .pagination-kt li { padding-left: 2px; padding-right: 2px; }
.contractor-content .main-content .content .pagination-kt li a { display: block; width: 32px; height: 32px; text-align: center; line-height: 32px; color: #464850; font-size: 14px; border: 1px solid #ececec; background: #fff; }
.contractor-content .main-content .content .pagination-kt li a:hover { border: 1px solid #000; }
.contractor-content .main-content .content .pagination-kt li a.active { background: #50afcf; color: #fff; border: 1px solid #50afcf; }
.contractor-content .main-content .content .pagination-kt li a.disabled { cursor: not-allowed; }

@media (min-width: 320px) and (max-width: 767px) { .contractor-content .main-content .sidebar .block-ad { display: none; }
  .contractor-content .main-content .content .group-top .sorting { color: #333; }
  .contractor-content .main-content .content .group-top .des { color: #333; clear: both; margin: 53px 0 0; }
  .contractor-content .main-content .content .block-design-your-house .content { left: 12px; }
  .contractor-content .main-content .content .block-design-your-house .content .title1 { font-size: 25px; }
  .contractor-content .main-content .content .block-design-your-house .content .title2 { width: 100%; font-size: 13px; } }
@media (min-width: 768px) and (max-width: 991px) { .contractor-content .main-content .sidebar .block-ad { display: none; }
  .contractor-content .main-content .content .group-top .sorting { color: #333; }
  .contractor-content .main-content .content .group-top .des { color: #333; } }
.my-quote-detail .top { background: url(../images/construction-site-build-construction-work-159306.png) no-repeat center; background-size: cover; }
.my-quote-detail .top .title { font-size: 44px; color: #fff; padding: 69px 0; }
.my-quote-detail .content-detail { padding: 30px 0; }
.my-quote-detail .content-detail .side-a { background: #f9f9f9; border: 1px solid #ececec; padding: 20px 32px 0px; margin-bottom: 16px; }
.my-quote-detail .content-detail .side-a .title { font-family: PoppinsSemiBold; font-size: 16px; color: #333; margin-bottom: 10px; }
.my-quote-detail .content-detail .side-a .title2 { font-family: PoppinsMedium; color: #000; margin-bottom: 10px; }
.my-quote-detail .content-detail .side-a .ipn-file .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.my-quote-detail .content-detail .side-a .ipn-file .inputfile + label { color: #000; display: inline-block; cursor: pointer; font-family: inherit; font-weight: inherit; margin-bottom: 0; width: 100%; margin-bottom: 10px; padding: 14px 20px 0 10px; border: 1px dashed #ccc; height: 48px; background: url(../images/cloud-up.png) no-repeat right 10px center; }
.my-quote-detail .content-detail .side-a .ipn-file .inputfile:focus + label, .my-quote-detail .content-detail .side-a .ipn-file .inputfile + label:hover { border-color: #000; }
.my-quote-detail .content-detail .side-a .list-img { margin-left: 0; }
.my-quote-detail .content-detail .side-a .list-img li { padding: 0; margin: 8px 15px 8px 0; }
.my-quote-detail .content-detail .side-a .list-img li a { display: block; width: 84px; height: 84px; overflow: hidden; }
.my-quote-detail .content-detail .side-a .list-img li:nth-child(4n) { margin-right: 0; }
.my-quote-detail .content-detail .side-a .list-info li { font-size: 14px; margin-bottom: 10px; color: #333; }
.my-quote-detail .content-detail .side-a .list-info li .info-value { font-family: PoppinsSemiBold; float: right; }
.my-quote-detail .content-detail .side-a .continue { display: block; font-family: PoppinsMedium; font-size: 15px; color: #fff; padding: 13px 0 14px; text-align: center; margin-bottom: 16px; }
.my-quote-detail .content-detail .side-a .continue:hover { background: #4ac7f1; }
.my-quote-detail .content-detail .side-a .cancel { display: block; font-family: PoppinsMedium; font-size: 15px; color: #000; padding: 12px 0 13px; text-align: center; margin-bottom: 16px; border: 1px solid #ececec; background: #fff; }
.my-quote-detail .content-detail .side-a .cancel:hover { border-color: #000; }
.my-quote-detail .content-detail .side-a .group2a { margin-bottom: 15px; }
.my-quote-detail .content-detail .side-a .group2a a { border: 1px solid #ececec; font-family: PoppinsMedium; font-size: 20px; color: #000; background: #fff; padding: 9px 0; text-align: center; width: 48%; display: inline-block; }
.my-quote-detail .content-detail .side-a .group2a a:hover { border-color: #000; }
.my-quote-detail .content-detail .side-a .group2a a.left { float: left; }
.my-quote-detail .content-detail .side-a .group2a a.right { float: right; }
.my-quote-detail .content-detail .side-a .continue-border { border-top: 1px solid #ececec; margin: 0 -32px; padding: 16px 32px 0; }
.my-quote-detail .content-detail .content-b .capital { font-size: 16px; font-family: PoppinsSemiBold; color: #333; background: #f9f9f9; border: 1px solid #ececec; border-bottom: none; padding: 15px 0 10px 20px; }
.my-quote-detail .content-detail .content-b thead { border-left: 1px solid #ececec; border-right: 1px solid #ececec; }
.my-quote-detail .content-detail .content-b thead > tr > th { background: #f9f9f9; padding: 10px 20px; font-weight: inherit; font-family: PoppinsMedium; border-bottom: none; color: #888; }
.my-quote-detail .content-detail .content-b tbody { border: 1px solid #ececec; }
.my-quote-detail .content-detail .content-b tbody > tr > td { padding: 20px 20px; font-size: 14px; }
.my-quote-detail .content-detail .pagination-kt li { padding-left: 2px; padding-right: 2px; }
.my-quote-detail .content-detail .pagination-kt li a { display: block; width: 32px; height: 32px; text-align: center; line-height: 32px; color: #464850; font-size: 14px; border: 1px solid #ececec; background: #fff; }
.my-quote-detail .content-detail .pagination-kt li a:hover { border: 1px solid #000; }
.my-quote-detail .content-detail .pagination-kt li a.active { background: #50afcf; color: #fff; border: 1px solid #50afcf; }
.my-quote-detail .content-detail .pagination-kt li a.disabled { cursor: not-allowed; }
.my-quote-detail .content-detail .my-quote-sidebar { position: relative; }
.my-quote-detail .content-detail .my-quote-sidebar .img-main { width: 100%; }
.my-quote-detail .content-detail .my-quote-sidebar .info { position: absolute; bottom: 40px; left: 30px; right: 30px; color: #fff; font-size: 14px; }
.my-quote-detail .content-detail .my-quote-sidebar .info .title { font-family: PoppinsSemiBold; font-size: 20px; margin-bottom: 10px; }
.my-quote-detail .content-detail .my-quote-sidebar .info .des { margin-bottom: 15px; }
.my-quote-detail .content-detail .my-quote-sidebar .info .see-more { display: inline-block; color: #fff; font-size: 14px; padding: 10px 10px; }

@media (min-width: 320px) and (max-width: 767px) { .my-quote-detail .content-detail .my-quote-sidebar { width: 290px; margin: 0 auto 30px; }
  .my-quote-detail .content-detail .my-quote-sidebar .info { right: 20px; } }
.homepage-content .hp-slider { min-height: 500px; background: url(../images/construction-site-build-construction-work-159306.png) no-repeat center; background-size: cover; padding: 32px 0; }
.homepage-content .hp-slider .block-info { color: #fff; }
.homepage-content .hp-slider .block-info h3 { font-size: 32px; margin-top: 92px; margin-bottom: 30px; }
.homepage-content .hp-slider .block-info h2 { font-family: PoppinsMedium; font-size: 64px; margin-bottom: 80px; }
.homepage-content .hp-slider .block-info ul li a { display: block; background: #fff; font-family: PoppinsMedium; font-size: 15px; color: #333; padding: 10px 15px; margin-bottom: 10px; }
.homepage-content .hp-slider .block-info ul li a:hover { background: #50afcf; color: #fff; }
.homepage-content .hp-slider .block-info ul li a .fa { font-size: 16px; }
.homepage-content .hp-slider .block-house-type { width: 448px; background: #fff; padding: 32px 32px; position: absolute; top: 0; right: 15px; }
.homepage-content .hp-slider .block-house-type .title { color: #000; font-family: PoppinsMedium; margin-bottom: 10px; }
.homepage-content .hp-slider .block-house-type .list-house { margin-bottom: 19px; }
.homepage-content .hp-slider .block-house-type .list-house li { width: 84px; height: 88px; border: 1px solid #ececec; text-align: center; float: left; margin-right: 16px; padding-top: 16px; }
.homepage-content .hp-slider .block-house-type .list-house li:hover { border-color: #000; }
.homepage-content .hp-slider .block-house-type .list-house li:nth-child(4n) { margin-right: 0; }
.homepage-content .hp-slider .block-house-type .list-house li span { font-size: 11px; color: #333; clear: both; margin: 5px 0 0; display: inline-block; }
.homepage-content .hp-slider .block-house-type .list-house li.active { border: 2px solid #50afcf; }
.homepage-content .hp-slider .block-house-type .sub-title { font-family: PoppinsMedium; color: #000; margin-bottom: 5px; }
.homepage-content .hp-slider .block-house-type .ipn-file .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.homepage-content .hp-slider .block-house-type .ipn-file .inputfile + label { color: #000; display: inline-block; cursor: pointer; font-family: inherit; font-weight: inherit; margin-bottom: 0; width: 100%; margin-bottom: 10px; padding: 14px 20px 0 10px; border: 1px dashed #ccc; height: 48px; background: url(../images/cloud-up.png) no-repeat right 10px center; }
.homepage-content .hp-slider .block-house-type .ipn-file .inputfile:focus + label, .homepage-content .hp-slider .block-house-type .ipn-file .inputfile + label:hover { border-color: #000; }
.homepage-content .hp-slider .block-house-type .continue { display: block; font-family: PoppinsMedium; font-size: 15px; color: #fff; padding: 13px 0 14px; text-align: center; margin-bottom: 16px; }
.homepage-content .hp-slider .block-house-type .continue:hover { background: #4ac7f1; }
.homepage-content .hpc-slider { min-height: 500px; background: url(../images/construction-site-build-construction-work-159307.png) no-repeat center; background-size: cover; padding: 32px 0; }
.homepage-content .hpc-slider .block-info { color: #fff; }
.homepage-content .hpc-slider .block-info h3 { font-size: 32px; margin-top: 92px; margin-bottom: 30px; }
.homepage-content .hpc-slider .block-info h2 { font-family: PoppinsMedium; font-size: 64px; margin-bottom: 40px; }
.homepage-content .hpc-slider .block-info ul li a { display: block; background: #fff; font-family: PoppinsMedium; font-size: 15px; color: #333; padding: 10px 15px; margin-bottom: 10px; }
.homepage-content .hpc-slider .block-info ul li a:hover { background: #50afcf; color: #fff; }
.homepage-content .hpc-slider .block-info ul li a .fa { font-size: 16px; }
.homepage-content .hpc-slider .block-house-type { width: 448px; background: #fff; padding: 32px 32px; position: absolute; top: 0; right: 15px; }
.homepage-content .hpc-slider .block-house-type .title { color: #000; font-family: PoppinsMedium; margin-bottom: 10px; }
.homepage-content .hpc-slider .block-house-type .list-house { margin-bottom: 19px; }
.homepage-content .hpc-slider .block-house-type .list-house li { width: 84px; height: 88px; border: 1px solid #ececec; text-align: center; float: left; margin-right: 16px; padding-top: 16px; }
.homepage-content .hpc-slider .block-house-type .list-house li:hover { border-color: #000; }
.homepage-content .hpc-slider .block-house-type .list-house li:nth-child(4n) { margin-right: 0; }
.homepage-content .hpc-slider .block-house-type .list-house li span { font-size: 11px; color: #333; clear: both; margin: 5px 0 0; display: inline-block; }
.homepage-content .hpc-slider .block-house-type .list-house li.active { border: 2px solid #50afcf; }
.homepage-content .hpc-slider .block-house-type .sub-title { font-family: PoppinsMedium; color: #000; margin-bottom: 5px; }
.homepage-content .hpc-slider .block-house-type .ipn-file .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.homepage-content .hpc-slider .block-house-type .ipn-file .inputfile + label { color: #000; display: inline-block; cursor: pointer; font-family: inherit; font-weight: inherit; margin-bottom: 0; width: 100%; margin-bottom: 10px; padding: 14px 20px 0 10px; border: 1px dashed #ccc; height: 48px; background: url(../images/cloud-up.png) no-repeat right 10px center; }
.homepage-content .hpc-slider .block-house-type .ipn-file .inputfile:focus + label, .homepage-content .hpc-slider .block-house-type .ipn-file .inputfile + label:hover { border-color: #000; }
.homepage-content .hpc-slider .block-house-type .continue { display: block; font-family: PoppinsMedium; font-size: 15px; color: #fff; padding: 13px 0 14px; text-align: center; margin-bottom: 16px; }
.homepage-content .hpc-slider .block-house-type .continue:hover { background: #4ac7f1; }
.homepage-content .hp-our-system { padding: 50px 0; color: #333; position: relative; }
.homepage-content .hp-our-system:before { content: ''; position: absolute; bottom: 0; left: 0; width: 401px; height: 194px; background: url(../images/bg21.png) no-repeat; z-index: -1; }
.homepage-content .hp-our-system:after { content: ''; position: absolute; bottom: 0; right: 0; width: 401px; height: 194px; background: url(../images/bg22.png) no-repeat; z-index: -1; }
.homepage-content .hp-our-system .title { font-family: PoppinsMedium; font-size: 32px; margin: 40px 0 20px; }
.homepage-content .hp-our-system .des { font-size: 14px; line-height: 26px; margin-bottom: 30px; }
.homepage-content .hp-our-system .block-video { position: relative; }
.homepage-content .hp-our-system .block-video .play { position: absolute; top: 50%; left: 0; right: 0; margin: -40px auto; cursor: pointer; }
.homepage-content .hp-welcome { background: url(../images/bg1.png) no-repeat center; background-size: cover; padding: 40px 0 48px; color: #fff; }
.homepage-content .hp-welcome .title { font-family: PoppinsMedium; font-size: 28px; margin-bottom: 21px; }
.homepage-content .hp-welcome .des { min-height: 130px; line-height: 26px; font-size: 14px; margin-bottom: 22px; }
.homepage-content .hp-welcome .see-more { font-family: PoppinsMedium; font-size: 15px; color: #fff; display: inline-block; padding: 10px 17px; margin-bottom: 30px; }
.homepage-content .hp-welcome .see-more:hover { background: #4ac7f1; }
.homepage-content .hp-deals { padding: 32px 0 70px; }
.homepage-content .hp-deals .title1 { font-size: 24px; color: #a6a8b0; }
.homepage-content .hp-deals .title2 { font-family: PoppinsMedium; font-size: 32px; color: #333; margin-bottom: 27px; }
.homepage-content .hp-deals .block { border: 1px solid #e2e4ec; padding: 16px 16px; margin-bottom: 32px; }
.homepage-content .hp-deals .block .img { float: left; width: 88px; height: 88px; border-radius: 50%; overflow: hidden; }
.homepage-content .hp-deals .block .info { margin-left: 108px; font-size: 13px; color: #333; }
.homepage-content .hp-deals .block .info .name { overflow: hidden; font-family: PoppinsMedium; font-size: 15px; color: #333; margin-bottom: 1px; display: inline-block; }
.homepage-content .hp-deals .block .info .name:hover { color: #50afcf; }
.homepage-content .hp-deals .block .info .time, .homepage-content .hp-deals .block .info .job { margin-bottom: 1px; }
.homepage-content .hp-deals .block .info .money { font-family: PoppinsSemiBold; font-size: 16px; }
.homepage-content .hpc-big-title { color: #333; font-size: 18px; margin-bottom: 16px; }
.homepage-content .hpc-latest-deals { padding: 50px 0 0; }
.homepage-content .hpc-latest-deals .unit { margin-bottom: 30px; border-bottom: 1px solid #ececec; color: #333; }
.homepage-content .hpc-latest-deals .unit .img { height: 208px; margin-bottom: 5px; }
.homepage-content .hpc-latest-deals .unit .name { color: #50afcf; font-size: 12px; }
.homepage-content .hpc-latest-deals .unit .name:hover { color: #000; }
.homepage-content .hpc-latest-deals .unit .des { font-size: 14px; height: 46px; overflow: hidden; margin: 5px 0 10px; }
.homepage-content .hpc-latest-deals .unit .price { font-size: 15px; margin-bottom: 15px; }
.homepage-content .hpc-top-vendor { padding: 10px 0 50px; }
.homepage-content .hpc-top-vendor .unit { margin-bottom: 30px; border-bottom: 1px solid #ececec; color: #333; padding-bottom: 15px; }
.homepage-content .hpc-top-vendor .unit .img { height: 128px; margin-bottom: 10px; }
.homepage-content .hpc-top-vendor .unit .avatar { float: left; width: 76px; height: 76px; overflow: hidden; }
.homepage-content .hpc-top-vendor .unit .info { margin: 5px 0 0 86px; font-size: 12px; color: #333; }
.homepage-content .hpc-top-vendor .unit .info .name { color: #333; font-size: 15px; display: inline-block; margin: 3px 0 5px; }
.homepage-content .hpc-top-vendor .unit .info .project { font-size: 14px; }

@media (min-width: 320px) and (max-width: 767px) { .homepage-content .hp-slider .block-info h3 { font-size: 25px; margin-top: 0; margin-bottom: 25px; }
  .homepage-content .hp-slider .block-info h2 { font-size: 45px; margin-bottom: 40px; }
  .homepage-content .hp-slider .block-info ul li a { font-size: 13px; padding: 10px 10px; }
  .homepage-content .hp-slider .block-house-type { width: 100%; position: inherit; padding: 32px 20px; }
  .homepage-content .hp-slider .block-house-type .list-house { margin-bottom: 15px; text-align: center; }
  .homepage-content .hp-slider .block-house-type .list-house li { float: none; padding-top: 16px; display: inline-block; margin: 0 10px 20px; }
  .homepage-content .hp-slider .block-house-type .list-house li:nth-child(4n) { margin-right: 10px; }
  .homepage-content .hpc-slider .block-info h3 { font-size: 25px; margin-top: 0; margin-bottom: 25px; }
  .homepage-content .hpc-slider .block-info h2 { font-size: 45px; margin-bottom: 40px; }
  .homepage-content .hpc-slider .block-info ul li a { font-size: 13px; padding: 10px 10px; }
  .homepage-content .hpc-slider .block-house-type { width: 100%; position: inherit; padding: 32px 20px; right: 0; }
  .homepage-content .hpc-slider .block-house-type .list-house { margin-bottom: 15px; text-align: center; }
  .homepage-content .hpc-slider .block-house-type .list-house li { float: none; padding-top: 16px; display: inline-block; margin: 0 10px 20px; }
  .homepage-content .hpc-slider .block-house-type .list-house li:nth-child(4n) { margin-right: 10px; }
  .homepage-content .hp-our-system:before, .homepage-content .hp-our-system:after { display: none; } }
@media (min-width: 768px) and (max-width: 991px) { .homepage-content .hp-slider .block-info h3 { font-size: 25px; margin-top: 0; margin-bottom: 25px; }
  .homepage-content .hp-slider .block-info h2 { font-size: 45px; margin-bottom: 40px; }
  .homepage-content .hp-slider .block-info ul li a { font-size: 13px; padding: 10px 10px; }
  .homepage-content .hp-slider .block-house-type { width: 100%; position: inherit; padding: 32px 20px; }
  .homepage-content .hp-slider .block-house-type .list-house { margin-bottom: 15px; text-align: center; }
  .homepage-content .hp-slider .block-house-type .list-house li { float: none; padding-top: 16px; display: inline-block; margin: 0 10px 20px; }
  .homepage-content .hp-slider .block-house-type .list-house li:nth-child(4n) { margin-right: 10px; }
  .homepage-content .hpc-slider .block-info h3 { font-size: 25px; margin-top: 0; margin-bottom: 25px; }
  .homepage-content .hpc-slider .block-info h2 { font-size: 45px; margin-bottom: 40px; }
  .homepage-content .hpc-slider .block-info ul li a { font-size: 13px; padding: 10px 10px; }
  .homepage-content .hpc-slider .block-house-type { width: 100%; position: inherit; padding: 32px 20px; }
  .homepage-content .hpc-slider .block-house-type .list-house { margin-bottom: 15px; text-align: center; }
  .homepage-content .hpc-slider .block-house-type .list-house li { float: none; padding-top: 16px; display: inline-block; margin: 0 10px 20px; }
  .homepage-content .hpc-slider .block-house-type .list-house li:nth-child(4n) { margin-right: 10px; } }
.navbardb { height: 80px; border-bottom: 1px solid #ececec; background: #fff; }
.navbardb .logodb { background: #000; text-align: center; height: 80px; line-height: 80px; -webkit-box-shadow: 0 1px 11px #e0e0e0; box-shadow: 0 1px 11px #e0e0e0; }
.navbardb .navbar-right-db { margin-right: 17px; }
.navbardb .navbar-right-db > li > a { padding: 20px; }
.navbardb .navbar-right-db > li a.notify { padding-top: 32px; padding-bottom: 24px; position: relative; display: inline-block; }
.navbardb .navbar-right-db > li a.notify .icon { font-size: 21px; color: #333; }
.navbardb .navbar-right-db > li a.notify .number { position: absolute; top: -14px; right: -10px; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #e9524c; border-radius: 50%; font-size: 11px; color: #fff; }
.navbardb .navbar-right-db > li a.user { color: #333; }
.navbardb .navbar-right-db > li a.user .img { width: 40px; height: 40px; overflow: hidden; border-radius: 50%; float: left; }
.navbardb .navbar-right-db > li a.user .img img { width: 100%; }
.navbardb .navbar-right-db > li a.user .info { margin-left: 50px; padding-right: 15px; }
.navbardb .navbar-right-db > li a.user .info .name { font-size: 15px; letter-spacing: -0.23px; max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.navbardb .navbar-right-db > li a.user .info .job { color: #50afcf; font-size: 13px; letter-spacing: -0.2px; }
.navbardb .navbar-right-db > li a.user .arrow { position: absolute; top: 40%; right: 5px; color: #000; font-size: 16px; }

.sidebardb .nav-sidebar > li > a { padding: 15px 10px 15px 55px; color: #333; font-size: 14px; }
.sidebardb .nav-sidebar > li.active > a { color: #50afcf; background: transparent; }
.sidebardb .nav-sidebar > li.active > a:hover { background: #eee; }
.sidebardb .nav-sidebar > li.s1 > a { background: url(../images/icon-db1.png) no-repeat left 20px center; }
.sidebardb .nav-sidebar > li.s1 > a:hover { background: #ececec url(../images/icon-db1.png) no-repeat left 20px center; }
.sidebardb .nav-sidebar > li.s2 > a { background: url(../images/icon-db2.png) no-repeat left 23px center; }
.sidebardb .nav-sidebar > li.s2 > a:hover { background: #ececec url(../images/icon-db2.png) no-repeat left 23px center; }
.sidebardb .nav-sidebar > li.s3 > a { background: url(../images/icon-db3.png) no-repeat left 20px center; }
.sidebardb .nav-sidebar > li.s3 > a:hover { background: #ececec url(../images/icon-db3.png) no-repeat left 20px center; }
.sidebardb .nav-sidebar > li.s4 > a { background: url(../images/icon-db4.png) no-repeat left 20px center; }
.sidebardb .nav-sidebar > li.s4 > a:hover { background: #ececec url(../images/icon-db4.png) no-repeat left 20px center; }
.sidebardb .nav-sidebar > li.s1.active > a { background: url(../images/icon-db11.png) no-repeat left 20px center; color: #50afcf; }
.sidebardb .nav-sidebar > li.s1.active > a:hover { background: #ececec url(../images/icon-db11.png) no-repeat left 20px center; }
.sidebardb .nav-sidebar > li.s2.active > a { background: url(../images/icon-db22.png) no-repeat left 23px center; color: #50afcf; }
.sidebardb .nav-sidebar > li.s2.active > a:hover { background: #ececec url(../images/icon-db22.png) no-repeat left 23px center; }
.sidebardb .nav-sidebar > li.s3.active > a { background: url(../images/icon-db33.png) no-repeat left 20px center; color: #50afcf; }
.sidebardb .nav-sidebar > li.s3.active > a:hover { background: #ececec url(../images/icon-db33.png) no-repeat left 20px center; }
.sidebardb .nav-sidebar > li.s4.active > a { background: url(../images/icon-db44.png) no-repeat left 20px center; color: #50afcf; }
.sidebardb .nav-sidebar > li.s4.active > a:hover { background: #ececec url(../images/icon-db44.png) no-repeat left 20px center; }

.maindb .table-kt { border-top: 1px solid #ececec; }
.maindb .table-kt thead { border-left: 1px solid #ececec; border-right: 1px solid #ececec; }
.maindb .table-kt thead > tr > th { background: #fff; padding: 15px 20px; font-weight: inherit; font-family: PoppinsMedium; border-bottom: none; color: #888; }
.maindb .table-kt tbody { border: 1px solid #ececec; }
.maindb .table-kt tbody > tr > td { padding: 20px 20px; font-size: 14px; }
.maindb .table-kt .action-view { display: inline-block; padding: 10px 43px; color: #333; font-family: PoppinsSemiBold; font-size: 13px; border: 1px solid #ececec; }
.maindb .table-kt .action-view:hover { border-color: #000; }
.maindb .table-kt .action-update { display: inline-block; padding: 10px 20px; color: #333; font-family: PoppinsSemiBold; font-size: 13px; border: 1px solid #ececec; }
.maindb .table-kt .action-update:hover { border-color: #000; }
.maindb .pagination-kt li { padding-left: 2px; padding-right: 2px; }
.maindb .pagination-kt li a { display: block; min-width: 32px; height: 32px; text-align: center; line-height: 32px; color: #464850; font-size: 14px; border: 1px solid #ececec; background: #fff; padding: 0 10px; }
.maindb .pagination-kt li a:hover { border: 1px solid #000; }
.maindb .pagination-kt li a.active { background: #50afcf; color: #fff; border: 1px solid #50afcf; }
.maindb .pagination-kt li a.disabled { cursor: not-allowed; }
.maindb .side-a { background: #f9f9f9; border: 1px solid #ececec; padding: 20px 32px 0px; margin-bottom: 16px; }
.maindb .side-a .title { font-family: PoppinsSemiBold; font-size: 16px; color: #333; margin-bottom: 10px; }
.maindb .side-a .title2 { font-family: PoppinsMedium; color: #000; margin-bottom: 10px; }
.maindb .side-a .tit { color: #000; font-size: 14px; }
.maindb .side-a .ipn-file .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.maindb .side-a .ipn-file .inputfile + label { color: #000; display: inline-block; cursor: pointer; font-family: inherit; font-weight: inherit; margin-bottom: 0; width: 100%; margin-bottom: 10px; padding: 14px 20px 0 10px; border: 1px dashed #ccc; height: 48px; background: url(../images/cloud-up.png) no-repeat right 10px center; }
.maindb .side-a .ipn-file .inputfile:focus + label, .maindb .side-a .ipn-file .inputfile + label:hover { border-color: #000; }
.maindb .side-a .list-img { margin-left: 0; }
.maindb .side-a .list-img li { padding: 0; margin: 8px 15px 8px 0; position: relative; }
.maindb .side-a .list-img li a { display: block; width: 84px; height: 84px; overflow: hidden; }
.maindb .side-a .list-img li:nth-child(4n) { margin-right: 0; }
.maindb .side-a .list-download li .last-down { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; font-size: 12px; cursor: pointer; padding-top: 20px; }
.maindb .side-a .list-download li .last-down .icon { font-size: 16px; }
.maindb .side-a .list-download li .last-down:hover { background: rgba(0, 0, 0, 0.7); }
.maindb .side-a .list-info li { font-size: 14px; margin-bottom: 10px; color: #333; }
.maindb .side-a .list-info li .info-value { font-family: PoppinsSemiBold; float: right; }
.maindb .side-a .continue { display: block; font-family: PoppinsMedium; font-size: 15px; color: #fff; padding: 13px 0 14px; text-align: center; margin-bottom: 16px; }
.maindb .side-a .continue:hover { background: #4ac7f1; }
.maindb .side-a .cancel { display: block; font-family: PoppinsMedium; font-size: 15px; color: #000; padding: 12px 0 13px; text-align: center; margin-bottom: 16px; border: 1px solid #ececec; background: #fff; }
.maindb .side-a .cancel:hover { border-color: #000; }
.maindb .side-a .group2a { margin-bottom: 15px; }
.maindb .side-a .group2a a { border: 1px solid #ececec; font-family: PoppinsMedium; font-size: 20px; color: #000; background: #fff; padding: 9px 0; text-align: center; width: 48%; display: inline-block; }
.maindb .side-a .group2a a:hover { border-color: #000; }
.maindb .side-a .group2a a.left { float: left; }
.maindb .side-a .group2a a.right { float: right; }
.maindb .side-a .continue-border { border-top: 1px solid #ececec; margin: 0 -32px; padding: 16px 32px 0; }
.maindb .side-a .feature-img { position: relative; height: 160px; overflow: hidden; }
.maindb .side-a .feature-img .img { width: 100%; height: auto; min-height: 160px; }
.maindb .side-a .feature-img .update-img { position: absolute; bottom: 0; right: 0; }
.maindb .side-a .feature-img .update-img .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.maindb .side-a .feature-img .update-img .inputfile + label { color: #fff; display: inline-block; cursor: pointer; margin-bottom: 0; padding: 10px 20px; background: rgba(0, 0, 0, 0.5); font-family: inherit; font-weight: inherit; }
.maindb .side-a .feature-img .update-img .inputfile:focus + label, .maindb .side-a .feature-img .update-img .inputfile + label:hover { background: rgba(0, 0, 0, 0.7); }
.maindb .side-a.bg-white { background: #fff; }
.maindb .content-b .capital { font-size: 16px; font-family: PoppinsSemiBold; color: #333; background: #f9f9f9; border: 1px solid #ececec; border-bottom: none; padding: 15px 0 10px 20px; }
.maindb .content-b thead { border-left: 1px solid #ececec; border-right: 1px solid #ececec; }
.maindb .content-b thead > tr > th { background: #f9f9f9; padding: 10px 20px; font-weight: inherit; font-family: PoppinsMedium; border-bottom: none; color: #888; }
.maindb .content-b tbody { border: 1px solid #ececec; }
.maindb .content-b tbody > tr > td { padding: 20px 20px; font-size: 14px; }
.maindb .block-room { border: 1px solid #ececec; margin-bottom: 16px; background: #fff; }
.maindb .block-room .panen-heading { border-bottom: 1px solid #ececec; padding: 20px 20px; background: #f9f9f9; position: relative; }
.maindb .block-room .panen-heading .big-title { font-family: PoppinsSemiBold; font-size: 16px; color: #333; }
.maindb .block-room .panen-heading .select { display: inline-block; padding: 6px 16px; color: #fff; font-family: PoppinsMedium; font-size: 14px; margin: -6px 0 0 0; }
.maindb .block-room .panen-body { padding: 16px 20px 0; }
.maindb .block-room .panen-body .mqd-popup { margin-bottom: 20px; }
.maindb .block-room .panen-body .mqd-popup .img { width: 24px; height: 24px; overflow: hidden; }
.maindb .block-room .panen-body .mqd-popup .price { font-family: PoppinsSemiBold; }
.maindb .block-room .panen-body .mqd-popup .info { margin: -2px 70px 0 34px; }
.maindb .block-room .panen-body .mqd-popup .info .name { color: #333; display: block; }
.maindb .block-room .panen-body .mqd-popup .info .name:hover { color: #50afcf; }
.maindb .block-room .panen-body .mqd-popup .info .sub { color: #ccc; }
.maindb .block-room .panen-body .tit { color: #000; font-size: 14px; }
.maindb .block-room .panen-body .resis-left h4 { font-size: 14px; }
.maindb .block-room .panen-body .resis-left h6 { font-size: 12px; color: #888; }
.maindb .block-room .panen-body .resis-right h4 { font-size: 14px; }
.maindb .block-room .panen-body .resis-right h6 { font-size: 12px; color: #888; }
.maindb .block-room .panen-body .resis-right .remove { text-decoration: underline; font-size: 12px; color: #888; }
.maindb .block-room .panen-body .resis-right .remove:hover { color: #000; }
.maindb .big-btn { display: inline-block; padding: 10px 45px; color: #fff; font-family: PoppinsMedium; font-size: 14px; }
.maindb .big-btn:hover { background: #4ac7f1; }

@media (min-width: 320px) and (max-width: 767px) { .bodydb { padding-top: 256px; }
  .navbardb { height: auto; }
  .navbardb .navbar-right-db { margin-right: 0px; margin-left: 0; } }
.header-special .navbar-default { background-color: #50afcf; border-color: #50afcf; margin-bottom: 0; padding: 7px 0; }
.header-special .navbar-default .navbar-brand { padding: 6px 0 0; }
.header-special .navbar-left { margin: 5px 0 0; padding-left: 55px; }
.header-special .navbar-left input.form-control { height: 40px; border: none; border-radius: 40px; width: 448px; font-family: OpenSansRegular; font-size: 14px; }
.header-special .navbar-left button { border: none; background: transparent; margin: 0 0 0 -40px; }
.header-special .navbar-left button:hover { color: #ccc; }
.header-special .navbar-right > li { margin-left: 10px; }
.header-special .navbar-right > li > a { color: #fff; font-family: OpenSansRegular; font-size: 14px; }
.header-special .navbar-right > li > a img { display: inline-block; margin: -4px 13px 0 0; }
.header-special .navbar-right > li > a.last { padding-right: 0; }

.main-content-special { padding: 30px 0; }
.main-content-special .sidebar .ul-list > li > a { font-family: OpenSansSemibold; color: #333; display: block; padding: 10px 0 10px 5px; position: relative; }
.main-content-special .sidebar .ul-list > li > a:hover { background: #50afcf; color: #fff; }
.main-content-special .sidebar .ul-list > li > a .icon-right { position: absolute; top: 13px; right: 5px; }
.main-content-special .content .big-slider { margin-bottom: 30px; }
.main-content-special .content .big-slider img { width: 100%; }
.main-content-special .content .sub-slider { margin-bottom: 50px; }
.main-content-special .content .sub-slider img { width: 100%; margin-bottom: 30px; }
.main-content-special .content .vine-title { text-align: center; color: #79b0d1; font-size: 18px; font-family: PacificoRegular; }
.main-content-special .content .vine-title2 { text-align: center; color: #333; font-size: 28px; font-family: OpenSansBold; margin-bottom: 25px; }
.main-content-special .content .vine-catalogues .unit { margin-bottom: 30px; }
.main-content-special .content .vine-catalogues .unit img { width: 100%; }
.main-content-special .content .vine-best-seller .unit { margin-bottom: 30px; font-family: OpenSansRegular; }
.main-content-special .content .vine-best-seller .unit img { width: 100%; }
.main-content-special .content .vine-best-seller .unit .img { position: relative; height: 208px; overflow: hidden; margin-bottom: 10px; }
.main-content-special .content .vine-best-seller .unit .img .percent { position: absolute; bottom: 0; left: 0; color: #fff; font-family: OpenSansSemibold; font-size: 14px; background: #50afcf; padding: 2px 8px; }
.main-content-special .content .vine-best-seller .unit .name { color: #333; font-size: 14px; font-family: OpenSansRegular; display: inline-block; margin-bottom: 5px; }
.main-content-special .content .vine-best-seller .unit .name:hover { color: #50afcf; }
.main-content-special .content .vine-best-seller .unit .weight { color: #8e9098; font-size: 13px; margin-bottom: 5px; }
.main-content-special .content .vine-best-seller .unit .stars { color: #e2e4ec; margin-bottom: 5px; }
.main-content-special .content .vine-best-seller .unit .price { font-size: 16px; font-family: OpenSansBold; color: #79b0d1; }
.main-content-special .content .vine-best-seller .unit .price .past { text-decoration: line-through; color: #a6a8b0; font-size: 15px; font-family: OpenSansRegular; margin-left: 5px; }

.footer-special { background: #1d1f26; }

.fs-top { padding: 30px 0; }
.fs-top .title { font-family: PacificoRegular; color: #79b0d1; font-size: 24px; margin-bottom: 10px; }
.fs-top .des { font-family: OpenSansRegular; color: #fff; font-size: 14px; margin-bottom: 30px; }
.fs-top .fs-ipn-control { background-color: #2e3038; color: #fff; border-color: #2e3038; font-family: OpenSansRegular; font-size: 14px; height: 48px; margin-bottom: 15px; }
.fs-top .fs-btn-control { height: 48px; color: #fff; line-height: 34px; font-family: OpenSansBold; font-size: 14px; }
.fs-top .fs-btn-control:hover { background: #4ac7f1; }

.fs-center { border-top: 1px solid #2e3038; padding: 30px 0; }
.fs-center .fs-title { font-family: OpenSansExtraBold; margin: 0 0 20px; color: #fff; font-size: 14px; letter-spacing: -0.5px; }
.fs-center .fs-list > li { font-family: OpenSansRegular; font-size: 14px; margin-bottom: 15px; color: #515358; }
.fs-center .fs-list > li > a { font-family: OpenSansRegular; font-size: 14px; color: #515358; }
.fs-center .fs-list > li > a:hover { color: #fff; }
.fs-center .fs-social li a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #515358; text-align: center; line-height: 40px; color: #fff; font-size: 16px; margin-right: 10px; }
.fs-center .fs-social li a:hover { background: #fff; border-color: #ffff; color: #50afcf; text-decoration: underline; }

.fs-bottom { background: #12131a; font-family: MavenProRegular; font-size: 14px; color: #fff; padding: 14px 0; }
/*# sourceMappingURL=style.css.map */
.vouchers{margin-top: 16px;}
.list-voucher{
	padding-bottom: 10px;
}
.list-voucher .item-voucher{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 10px;
}
.list-voucher .item-voucher .col-info{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.list-voucher .item-voucher .stt{
	min-width: 20px;
}
.list-voucher .item-voucher .image{
	min-width: 70px;
	max-width: 70px;
	height: 50px;
	margin-right: 10px;
}
.list-voucher .item-voucher .image img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.list-voucher .item-voucher .col-cap{
	min-width: 40px;
	text-align: right;
}