@charset "UTF-8";
/* styles/bootstrap4/bootstrap.slim.css */
/*!
 * Bootstrap v4.0.0-beta.2 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#868e96;--gray-dark:#343a40;--primary:#007bff;--secondary:#868e96;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code{font-family:monospace,monospace;font-size:1em}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#868e96}.blockquote-footer::before{content:"\2014 \00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #ddd;border-radius:.25rem;transition:all .2s ease-in-out;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#868e96}code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}code{padding:.2rem .4rem;font-size:90%;color:#bd4147;background-color:#f8f9fa;border-radius:.25rem}a>code{padding:0;color:inherit;background-color:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-8,.col-lg-9,.col-md-6{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}@media (min-width:768px){.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (min-width:992px){.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}}.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #e9ecef}.table thead th{vertical-align:bottom;border-bottom:2px solid #e9ecef}.table tbody+tbody{border-top:2px solid #e9ecef}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #e9ecef}.table-bordered td,.table-bordered th{border:1px solid #e9ecef}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#dddfe2}.table-hover .table-secondary:hover{background-color:#cfd2d6}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#cfd2d6}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm.table-bordered{border:0}}@media (max-width:767px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md.table-bordered{border:0}}@media (max-width:991px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg.table-bordered{border:0}}@media (max-width:1199px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive.table-bordered{border:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-image:none;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#868e96;opacity:1}.form-control:-ms-input-placeholder{color:#868e96;opacity:1}.form-control::-ms-input-placeholder{color:#868e96;opacity:1}.form-control::placeholder{color:#868e96;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.valid-feedback{display:none;margin-top:.25rem;font-size:.875rem;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;width:250px;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(40,167,69,.8);border-radius:.2rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.invalid-feedback{display:none;margin-top:.25rem;font-size:.875rem;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;width:250px;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(220,53,69,.8);border-radius:.2rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not([disabled]):not(.disabled).active,.btn:not([disabled]):not(.disabled):active{background-image:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.fade{opacity:0;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}tr.collapse.show{display:table-row}tbody.collapse.show{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}.dropdown{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background:0 0;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#868e96;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#868e96;white-space:nowrap}.btn+.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.btn+.dropdown-toggle-split::after{margin-left:0}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.tab-content>.active{display:block}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .dropdown-menu{position:static;float:none}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#868e96;pointer-events:none;background-color:#fff;border-color:#ddd}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #ddd}.page-link:focus,.page-link:hover{color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#ddd}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}button.close{padding:0;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px;pointer-events:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:15px;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:15px;margin:-15px -15px -15px auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:15px;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:30px auto}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.carousel{position:relative}.border{border:1px solid #e9ecef!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}@media (min-width:992px){.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;-webkit-clip-path:none;clip-path:none}.mb-0{margin-bottom:0!important}.m-1{margin:.25rem!important}.mb-1{margin-bottom:.25rem!important}.mr-2{margin-right:.5rem!important}.ml-2{margin-left:.5rem!important}.mt-3{margin-top:1rem!important}.mb-3{margin-bottom:1rem!important}.mt-4{margin-top:1.5rem!important}.mr-4{margin-right:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-5{margin-top:3rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.py-4{padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important}.py-5{padding-bottom:3rem!important}.mr-auto{margin-right:auto!important}.ml-auto{margin-left:auto!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-muted{color:#868e96!important}.visible{visibility:visible!important}
/* plugins/font-awesome-4.7.0/css/font-awesome.min.css */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/plugins/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/plugins/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/plugins/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/plugins/font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/plugins/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/plugins/font-awesome-4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{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}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/* styles/single_listing_styles.css */

/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Logo
	3.3 Main Nav
	3.4 Menu
4. Home
	4.1 Home Slider
	4.2 Home Slider Nav
	4.3 Home Slider Dots
5. Search
6. Section Title
7. Rating
8. Search
	8.1 Search Extras
	8.2 Search More Options
9. Hotel Info
	9.1 Hotel Image
	9.2 Hotel Gallery
	9.3 Hotel Info Text
	9.4 Hotel Info Tags
10. Rooms
11. Reviews
12. Location on Map
13. Footer
	13.1 Footer - About
	13.2 Footer - Blog
	13.3 Footer - Tags
	13.4 Footer - Contact Info
14. Copyright


******************************/

/***********
1. Fonts
***********/


/*********************************
2. Body and some general stuff
*********************************/

* {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #FFFFFF;
	color: #a5a5a5;
}

div {
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul {
	list-style: none;
	margin-bottom: 0px;
}

p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 2;
	font-weight: 400;
	color: #929191;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

p a {
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

a,
a:hover,
a:visited,
a:active,
a:link {
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

p a:active {
	position: relative;
	color: #FF6347;
}

p a:hover {
	color: #FFFFFF;
	background: #ffa07f;
}

p a:hover::after {
	opacity: 0.2;
}

::selection {}

p::selection {}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection {}

.form-control {
	color: #db5246;
}

section {
	display: block;
	position: relative;
	box-sizing: border-box;
}

.clear {
	clear: both;
}

.clearfix::before,
.clearfix::after {
	content: "";
	display: table;
}

.clearfix::after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.trans_200 {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.trans_300 {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.trans_400 {
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.trans_500 {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.fill_height {
	height: 100%;
}

.super_container {
	width: 100%;
	overflow: hidden;
}

.prlx_parent {
	overflow: hidden;
}

.prlx {
	height: 130% !important;
}

.nopadding {
	padding: 0px !important;
}

.button {
	display: inline-block;
	height: 53px;
	border-radius: 27px;
	overflow: hidden;
	z-index: 1;
}

.button_bcg {
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	background: linear-gradient(to right, #e0a030, #2e7d4f, #e0a030);
	z-index: -1;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.button:hover .button_bcg {
	left: -100%;
}

.button a {
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	line-height: 53px;
	padding-left: 46px;
	padding-right: 46px;
	white-space: nowrap;
	z-index: 2;
}

.button span {
	display: inline-block;
	vertical-align: middle;
	width: 5.75px;
	height: 5.63px;
	background: #FFFFFF;
	border-radius: 50%;
	margin-right: 2px;
}

.button span:first-child {
	margin-left: 10px;
}

.button span:nth-child(2) {
	opacity: 0.6;
}

.button span:last-child {
	opacity: 0.4;
	margin-right: 0px;
}

.parallax-window {
	min-height: 400px;
	background: transparent;
}

/*********************************
3. Header
*********************************/

.header {
	position: fixed;
	width: 100%;
	background: rgba(22, 41, 29, 0.6);
	z-index: 12;
}

.header.scrolled {
	background: rgba(22, 41, 29, 0.85);
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar {
	width: 100%;
	height: 36px;
	background: #1f3d2b;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.header.scrolled .top_bar {
	visibility: hidden;
	opacity: 0;
	height: 0px;
}

.phone {
	display: inline-block;
	margin-right: 36px;
	line-height: 36px;
	font-size: 10px;
	font-weight: 600;
	color: #FFFFFF;
}

.social_list_item {
	position: relative;
	display: inline-block;
	margin-right: 3px;
}

.social_list_item:last-child {
	margin-right: 0px;
}

.social_list_item a {
	display: block;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 36px;
}

.social_list_item:hover a i {
	color: #e0a030;
}

.social_list_item a i {
	font-size: 12px;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.social_list_item a:hover {
	color: #FFFFFF;
}

.user_box_link {
	display: inline-block;
}

.user_box_link a {
	display: block;
	font-size: 10px;
	line-height: 36px;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: uppercase;
}

.user_box_link a:hover {
	color: #e0a030;
}

.user_box_login {
	margin-right: 15px;
}

.user_box_login::after {
	display: block;
	position: absolute;
	top: 15px;
	right: -9px;
	background: #FFFFFF;
	width: 1px;
	height: 9px;
	content: '';
}

.main_nav_col {
	height: 143px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.header.scrolled .main_nav_col {
	height: 100px;
}

/*********************************
3.2 Logo
*********************************/

.logo_container {
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px);
}

.header.scrolled .logo_container {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.logo a {
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	color: #f4f4f8;
	font-weight: 800;
	text-transform: none;
}

.logo a img {
	display: inline-block;
	vertical-align: baseline;
	margin-right: 9px;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
}

/*********************************
3.3 Main Nav
*********************************/

.main_nav_container {
	margin-right: 221px;
}

.main_nav_item {
	position: relative;
	display: inline-block;
	margin-right: 40px;
}

.main_nav_item:last-child {
	margin-right: 0px;
}

.main_nav_item a {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 10px;
}

.main_nav_item::after {
	display: block;
	position: absolute;
	left: -1px;
	bottom: -11px;
	width: calc(100% + 2px);
	height: 2px;
	background: linear-gradient(to right, #e0a030, #2e7d4f);
	content: '';
	opacity: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main_nav_item:hover::after {
	opacity: 1;
}

.content_search {
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
	transform: translateY(-1px);
	cursor: pointer;
}

.header.scrolled .content_search {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.mag_glass {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.content_search img {
	width: 17px;
	height: 17px;
}

.content_search:hover .mag_glass {
	fill: #e0a030;
}

.content_search:hover .mag_glass {
	fill: #e0a030;
}

.search_form {
	position: absolute;
	right: 15px;
	top: 120px;
	width: 237px;
	height: 40px;
	visibility: hidden;
	opacity: 0;
}

.search_form.active {
	top: 105px;
	visibility: visible;
	opacity: 1;
}

.search_content_input {
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	color: #142419;
	padding-left: 20px;
	outline: none !important;
	border: none !important;
	box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
}

.bez_1 {
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}

/*********************************
3.4 Menu
*********************************/

.hamburger {
	display: none;
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	transform: translateY(-3px);
	cursor: pointer;
	margin-left: 20px;
}

.header.scrolled .hamburger {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.hamburger i {
	font-size: 24px;
	color: #FFFFFF;
}

.hamburger:hover i {
	color: #e0a030;
}

.menu {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: linear-gradient(to right, #e0a030, #2e7d4f);
	z-index: 100;
	opacity: 0;
	visibility: hidden;
}

.menu.active {
	opacity: 0.95;
	visibility: visible;
}

.menu_content {
	width: 100%;
	height: 100%;
}

.menu_item {
	position: relative;
	margin-bottom: 3px;
}

.menu_item:last-child {
	margin-bottom: 0px;
}

.menu_logo {
	margin-bottom: 28px;
}

.menu_logo a img {
	width: 40px !important;
}

.menu_item a {
	display: inline-block;
	position: relative;
	font-family: 'Dancing Script', cursive;
	font-size: 36px;
	color: #FFFFFF;
	font-weight: 400;
}

.menu_item a::after {
	display: block;
	position: absolute;
	top: 60%;
	left: 0;
	width: 0;
	height: 4px;
	background: #FFFFFF;
	letter-spacing: 2px;
	content: '';
	z-index: 10;
	pointer-events: none;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 400ms ease;
}

.menu_item:hover a::after {
	width: 100%;
}

.menu_close_container {
	position: absolute;
	top: 94px;
	right: 122px;
	width: 21px;
	height: 21px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu_close {
	top: 9px;
	width: 21px;
	height: 3px;
	background: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.menu_close::after {
	display: block;
	position: absolute;
	top: -9px;
	left: 9px;
	content: '';
	width: 3px;
	height: 21px;
	background: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.menu_close_container:hover .menu_close,
.menu_close_container:hover .menu_close::after {
	background: #e0a030;
}

/*********************************
4. Home
*********************************/

.home {
	width: 100%;
	height: 465px;
	background: transparent;
}

.home_background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.home_content {
	position: absolute;
	bottom: 106px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.home_title {
	font-size: 72px;
	font-weight: 800;
	color: #FFFFFF;
	text-transform: uppercase;
	white-space: nowrap;
}

/*********************************
6. Section Title
*********************************/

.section_title {
	font-size: 30px;
	font-weight: 700;
	color: #2d2c2c;
	margin-top: -8px;
	text-transform: uppercase;
}

/*********************************
7. Rating
*********************************/

.rating {
	margin-top: 10px;
}

.rating i {
	font-size: 19px;
	margin-right: 4px;
}

.rating i:last-child {
	margin-right: 0px;
}

.rating_1 i:first-child {
	color: #ffeb8d;
}

.rating_2 i:first-child {
	color: #ffeb8d;
}

.rating_2 i:nth-child(2) {
	color: #fed46b;
}

.rating_3 i:first-child {
	color: #ffeb8d;
}

.rating_3 i:nth-child(2) {
	color: #fed46b;
}

.rating_3 i:nth-child(3) {
	color: #fbb53d;
}

.rating_4 i:first-child {
	color: #ffeb8d;
}

.rating_4 i:nth-child(2) {
	color: #fed46b;
}

.rating_4 i:nth-child(3) {
	color: #fbb53d;
}

.rating_4 i:nth-child(4) {
	color: #e0a030;
}

.rating_5 i:first-child {
	color: #ffeb8d;
}

.rating_5 i:nth-child(2) {
	color: #fed46b;
}

.rating_5 i:nth-child(3) {
	color: #fbb53d;
}

.rating_5 i:nth-child(4) {
	color: #e0a030;
}

.rating_r i::before {
	font-family: 'FontAwesome';
	content: "\f006";
	font-style: normal;
	font-size: 15px;
	margin-right: 3px;
}

.rating_r_1 i:first-child::before {
	color: #ffeb8d;
	content: "\f005";
}

.rating_r_2 i:first-child::before {
	color: #ffeb8d;
	content: "\f005";
}

.rating_r_2 i:nth-child(2)::before {
	color: #fed46b;
	content: "\f005";
}

.rating_r_3 i:first-child::before {
	color: #ffeb8d;
	content: "\f005";
}

.rating_r_3 i:nth-child(2)::before {
	color: #fed46b;
	content: "\f005";
}

.rating_r_3 i:nth-child(3)::before {
	color: #fbb53d;
	content: "\f005";
}

.rating_r_4 i:first-child::before {
	color: #ffeb8d;
	content: "\f005";
}

.rating_r_4 i:nth-child(2)::before {
	color: #fed46b;
	content: "\f005";
}

.rating_r_4 i:nth-child(3)::before {
	color: #fbb53d;
	content: "\f005";
}

.rating_r_4 i:nth-child(4)::before {
	color: #e0a030;
	content: "\f005";
}

.rating_r_5 i:first-child::before {
	color: #ffeb8d;
	content: "\f005";
}

.rating_r_5 i:nth-child(2)::before {
	color: #fed46b;
	content: "\f005";
}

.rating_r_5 i:nth-child(3)::before {
	color: #fbb53d;
	content: "\f005";
}

.rating_r_5 i:nth-child(4)::before {
	color: #e0a030;
	content: "\f005";
}

.rating_r_5 i:nth-child(5)::before {
	color: #c98a1f;
	content: "\f005";
}

/*********************************
8. Search
*********************************/

.search {

	position: absolute;
	top: 0;
	left: 0;
	width: 370px;
	height: 100%;
	background: #e0a030;
	z-index: 10;
}

.no-padding {
	padding-left: 0px;
	padding-right: 0px;
}

.no-margin {
	margin-left: 0px;
	margin-right: 0px;
}

.search_tabs_container {
	position: relative;
	top: -94px;
	width: 100%;
}

.search_tabs {
	height: auto;
	flex-wrap: wrap;
}

.search_tab {
	font-size: 14px;
	font-weight: 700;
	color: #2d2c2c;
	text-transform: uppercase;
	text-align: center;
	height: 94px;
	width: 50%;
	flex-grow: 1;
	background: #FFFFFF;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.search_tab:not(:first-child):not(:nth-child(2)) {
	border: solid 1px #ededed;
	margin-right: -1px;
	margin-bottom: -1px;
}

.search_tab img {
	margin-right: 10px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.search_tab:first-child {
	border-top-left-radius: 94px;
	padding-left: 7px;
}

.search_tab:nth-child(2) {
	border-top-right-radius: 94px;
	padding-right: 7px;
}

.search_tab.active {
	background: #e0a030;
	color: #FFFFFF;
}

.search_tab.active img {
	-webkit-filter: brightness(200%) grayscale(100%);
	-moz-filter: brightness(200%) grayscale(100%);
	-ms-filter: brightness(200%) grayscale(100%);
	-o-filter: brightness(200%) grayscale(100%);
	filter: brightness(200%) grayscale(100%);
}

.search_tab:hover {
	background: #e0a030;
	color: #FFFFFF;
}

.search_tab:hover img {
	-webkit-filter: brightness(200%) grayscale(100%);
	-moz-filter: brightness(200%) grayscale(100%);
	-ms-filter: brightness(200%) grayscale(100%);
	-o-filter: brightness(200%) grayscale(100%);
	filter: brightness(200%) grayscale(100%);
}

.search_panel {
	display: none !important;
	width: 100%;
	height: 100%;
	-webkit-animation: fadeEffect 1s;
	animation: fadeEffect 1s;
	padding-left: 54px;
	padding-right: 47px;
	margin-top: -25px;
}

.search_panel.active {
	display: flex !important;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeEffect {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.search_panel_content {
	width: 100%;
	height: 100%;
	flex-wrap: wrap;
}

.search_input {
	width: 100%;
	height: 46px;
	border: none;
	outline: none;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 13px;
	font-weight: 600;
	color: #929191;
}

.search_item {
	margin-bottom: 23px;
}

.search_item:first-child {
	width: 100%;
}

.search_item:nth-child(2) {
	width: 100%;
}

.search_item:nth-child(3) {
	width: 100%;
}

.search_item:nth-child(4) {
	width: calc(50% - 15px);
	margin-right: 30px;
}

.search_item:nth-child(5) {
	width: calc(50% - 15px);
}

.search_item div {
	font-size: 13px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.dropdown_item_select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	background-image: url(/images/dropdown.png);
	background-position: center right;
	background-repeat: no-repeat;
	border: solid 1px #FFFFFF;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}

.dropdown_item_select::-ms-expand {
	display: none;
}

.dropdown_item_select:hover {
	border: solid 1px #e0a030;
}

.dropdown_item_select:focus {
	outline-color: #e0a030;
}

.search_button {
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	line-height: 53px;
	padding-left: 46px;
	padding-right: 46px;
	background: #1f3d2b;
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	transform: translateY(15px);
	border: none;
	outline: none;
	cursor: pointer;
	margin-top: 40px;
}

.search_button:hover {
	opacity: 0.8;
}

/*********************************
8.1 Search Extras
*********************************/

.extras {
	width: 100%;
	margin-top: 42px;
}

.search_extras_item {
	width: 50%;
	float: left;
	margin-bottom: 10px;
}

.search_extras_item:nth-child(even) {
	padding-left: 20px;
}

.search_extras_item div {
	display: inline-block;
	cursor: pointer;
}

.search_extras_item div:hover .search_features_cb {
	border: 1px solid #fd784f;
}

.search_extras_checkbox {
	cursor: pointer;
}

.search_extras_cb {
	display: block;
	position: relative;
	width: 12px;
	height: 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 9px;
	margin-top: 2px;
	border-radius: 0px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	float: left;
}

.search_extras_cb:focus {
	outline: none;
	border: 1px solid #fd784f;
}

.search_extras_cb:checked::after {
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	content: '';
	background: #e0a030;
}

.search_extras label {
	display: block;
	position: relative;
	font-size: 12px;
	font-weight: 400;
	padding-left: 31px;
	margin-bottom: 0px;
	cursor: pointer;
	color: #FFFFFF;
}

/*********************************
8.2 Search More Options
*********************************/

.more_options {
	margin-top: 41px;
}

.more_options_trigger {
	display: inline-block;
	width: auto;
}

.more_options_trigger a {
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-left: 18px;
}

.more_options_trigger a::before {
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 10px;
	height: 10px;
	content: '+';
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 8px;
	color: #FFFFFF;
	padding-left: 1px;
}

.more_options_trigger.active a::before {
	content: '-';
	padding-left: 2px;
}

.more_options_list {
	display: block;
	width: 100%;
	max-height: 0px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.more_options_list label {
	display: block;
	position: relative;
	font-size: 12px;
	font-weight: 400;
	padding-left: 31px;
	margin-bottom: 0px;
	cursor: pointer;
	color: #FFFFFF;
}

.more_options_list li {
	margin-bottom: 10px;
}

.more_options_list.active {
	margin-top: 20px;
	opacity: 1;
}

/*********************************
9. Hotel Info
*********************************/

.single_listing {
	width: 100%;
	padding-top: 100px;
	padding-bottom: 107px;
	padding-left: 98px;
}

.hotel_title {
	font-size: 30px;
	font-weight: 600;
	color: #2d2c2c;
}

.hotel_rating {
	margin-top: -5px;
}

.hotel_location {
	font-size: 16px;
	color: #929191;
	margin-top: 9px;
}

.book_button {
	background: #1f3d2b;
}

.book_button a {
	padding-left: 32px;
	padding-right: 32px;
}

.book_button:hover {
	opacity: 0.8;
}

.hotel_map_link_container {
	margin-top: 14px;
}

.hotel_map_link {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	color: #2d2c2c;
	line-height: 34px;
	cursor: pointer;
	border-bottom: solid 2px #e0a030;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.hotel_map_link:hover {
	color: #e0a030;
}

/*********************************
9.1 Hotel Image
*********************************/

.hotel_image {
	margin-top: 29px;
	z-index: 1;
}

.hotel_image img {
	width: 100%;
}

.hotel_review_container {
	position: absolute;
	top: 22px;
	right: 22px;
	width: 209px;
	height: 112px;
	background: #FFFFFF;
	visibility: hidden;
	opacity: 0;
	animation: review_anim 1s 0.5s forwards;
}

@keyframes review_anim {
	from {
		top: 52px;
		visibility: hidden;
		opacity: 0;
	}

	to {
		top: 22px;
		visibility: visible;
		opacity: 1;
	}
}

.hotel_review_content {
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}

.hotel_review_title {
	font-size: 12px;
	font-weight: 700;
	color: #2d2c2c;
	text-transform: uppercase;
}

.hotel_review_subtitle {
	font-size: 12px;
	font-weight: 600;
	color: #929191;
	margin-top: 1px;
}

.hotel_review_rating {
	display: inline-block;
	width: 62px;
	height: 57px;
	font-size: 28px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 57px;
	background: #e0a030;
	vertical-align: middle;
	border-radius: 45%;
	-webkit-transform: translateY(-4px);
	-moz-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	-o-transform: translateY(-4px);
	transform: translateY(-4px);
}

/*********************************
9.2 Hotel Gallery
*********************************/

.hotel_gallery {
	width: 100%;
	margin-top: 32px;
}

.hotel_slider_container {
	width: 100%;
}

.hotel_slider {
	width: 100%;
}

.hotel_slider .owl-item img {
	height: 80px;
	object-fit: cover;
	width: 100%;
}

.hotel_slider_nav {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}

.hotel_slider_nav .nav_path,
.hotel_slider_nav .nav_arrow {
	fill: #c4ced2;
}

.hotel_slider_prev {
	left: -60px;
}

.hotel_slider_next {
	right: -60px;
}

.hotel_slider_prev:hover .nav_path,
.hotel_slider_prev:hover .nav_arrow {
	fill: url(#hotel_grad_prev);
}

.hotel_slider_next:hover .nav_path,
.hotel_slider_next:hover .nav_arrow {
	fill: url(#hotel_grad_next);
}

/*********************************
9.3 Hotel Info Text
*********************************/

.hotel_info_text {
	margin-top: 45px;
}

.hotel_info_text p {
	color: #929191;
}

.hotel_info_text img {
	display: block;
	max-width: 100%;
	height: auto !important;
	margin: 0 auto;
}

/*********************************
9.4 Hotel Info Tags
*********************************/

.hotel_info_tags {
	margin-top: 45px;
}

.hotel_icons_item {
	display: inline-block;
	margin-right: 15px;
}

.hotel_icons_item:last-child {
	margin-right: 0px;
}

/*********************************
10. Rooms
*********************************/

.rooms {
	margin-top: 69px;
}

.room {
	margin-bottom: 33px;
}

.room:last-child {
	margin-bottom: 0px;
}

.room_image {
	width: 100%;
}

.room_image img {
	width: 100%;
}

.room_content {}

.room_title {
	font-size: 16px;
	font-weight: 600;
	color: #2d2c2c;
	margin-top: -5px;
}

.room_price {
	font-size: 16px;
	font-weight: 600;
	color: #929191;
	margin-top: 9px;
}

.room_text {
	font-size: 16px;
	font-weight: 600;
	color: #e0a030;
	margin-top: 6px;
}

.room_extra {
	font-size: 14px;
	font-weight: 400;
	color: #2d2c2c;
	margin-top: 5px;
}

.room_button {
	margin-top: 24px;
}

/*********************************
11. Reviews
*********************************/

.reviews {
	margin-top: 98px;
}

.reviews_title {
	font-size: 18px;
	font-weight: 600;
	color: #2d2c2c;
	text-transform: uppercase;
}

.reviews_container {
	margin-top: 61px;
}

.review {
	margin-bottom: 91px;
}

.review:last-child {
	margin-bottom: 0px;
}

.review_image {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
}

.review_image img {
	width: 100%;
}

.review_title {
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
	color: #2d2c2c;
	margin-top: -3px;
}

.review_rating {
	display: inline-block;
	position: absolute;
	bottom: 7px;
	right: 0;
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	background: #e0a030;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 43px;
	border-radius: 22px;
}

.review_text {
	margin-top: 24px;
}

.review_text p:last-of-type {
	margin-bottom: 0px;
}

.review_name {
	font-size: 14px;
	font-weight: 400;
	color: #2d2c2c;
	margin-top: 19px;
}

.review_date {
	font-size: 12px;
	font-weight: 600;
	color: #e0a030;
	margin-top: 4px;
}

/*********************************
12. Location on Map
*********************************/

.location_on_map {
	margin-top: 93px;
}

.location_on_map_title {
	font-size: 18px;
	font-weight: 600;
	color: #2d2c2c;
	text-transform: uppercase;
}

.travelix_map {
	width: 100%;
	margin-top: 63px;
}

.google_map {
	width: 100%;
	height: 379px;
}

.map_container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#map {
	width: 100%;
	height: calc(100% + 30px);
}

/*********************************
13. Footer
*********************************/

.footer {
	width: 100%;
	padding-top: 113px;
	padding-bottom: 104px;
	background: #1f3d2b;
}

.footer_title {
	font-size: 15px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
}

/*********************************
13.1 Footer - About
*********************************/

.footer_about {
	padding-top: 67px;
}

.footer_logo {
	position: absolute;
	left: 0;
	top: -24px;
}

.footer_about_text {
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
}

.footer_social_item {
	display: inline-block;
	width: 31px;
	height: 31px;
	border: solid 1px #e0a030;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	margin-right: 9px;
}

.footer_social_item:last-child {
	margin-right: 0px;
}

.footer_social_item a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.footer_social_item a i {
	display: block;
	position: relative;
	color: #FFFFFF;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.footer_social_item:hover {
	background: #e0a030;
}

.footer_social_item:hover a i {
	color: #1f3d2b;
}

/*********************************
13.2 Footer - Blog
*********************************/

.footer_blog {
	margin-top: 39px;
}

.footer_blog_item {
	margin-bottom: 21px;
}

.footer_blog_item:last-child {
	margin-bottom: 0px;
}

.footer_blog_image {
	width: 60px;
	height: 60px;
	float: left;
}

.footer_blog_image img {
	width: 100%;
}

.footer_blog_content {
	padding-left: 81px;
}

.footer_blog_title {
	margin-top: -4px;
	padding-left: 1px;
}

.footer_blog_title a {
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
}

.footer_blog_title a:hover {
	color: #e0a030;
}

.footer_blog_date {
	font-size: 12px;
	font-weight: 400;
	color: #e0a030;
	margin-top: 7px;
}

/*********************************
13.3 Footer - Tags
*********************************/

.footer_tags {
	margin-top: 40px;
}

.tag_item {
	height: 35px;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	border: solid 1px #e0a030;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.tag_item:hover {
	background: #e0a030;
}

.tag_item a {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 33px;
	padding-left: 25px;
	padding-right: 25px;
}

/*********************************
13.4 Footer - Contact Info
*********************************/

.contact_info_list {
	margin-top: 40px;
}

.contact_info_item {
	margin-bottom: 22px;
}

.contact_info_icon {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.contact_info_icon img {
	display: block;
	width: 100%;
}

.contact_info_text,
.contact_info_text a {
	color: #FFFFFF;
	line-height: 2.14;
	margin-top: -4px;
}

.contact_info_item:hover .contact_info_text,
.contact_info_item:hover .contact_info_text a {
	color: #e0a030;
}

/*********************************
14. Copyright
*********************************/

.copyright {
	background: #16291d;
}

.copyright_content {
	height: 52px;
}

.copyright_content div {
	font-size: 12px;
	font-weight: 600;
	color: #5b6b60;
}

.footer_nav_container {
	height: 52px;
}

.footer_nav {}

.footer_nav_list {
	font-size: 0px;
}

.footer_nav_item {
	display: inline-block;
	margin-right: 40px;
}

.footer_nav_item a {
	font-size: 12px;
	font-weight: 600;
	color: #5b6b60;
	text-transform: uppercase;
	line-height: 2;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.footer_nav_item a:hover {
	color: #FFFFFF;
}

.hotel_content img {
	max-height: 100% !important;
	max-width: 100% !important;
}

/*********************************
15. Toast Notification (Shared)
*********************************/

.toast-container {
	position: fixed;
	top: 120px;
	right: 30px;
	z-index: 99999;
}

/* Custom premium toast styles */
.toast {
	display: none;
	min-width: 300px;
	max-width: 400px;
	background-color: #ffffff;
	border: none;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	opacity: 0;
	transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	overflow: hidden;
	transform: translateY(-20px);
}

.toast[style*="display: block"] {
	transform: translateY(0);
}

.toast-header {
	display: flex;
	align-items: center;
	padding: 12px 20px;
	background: linear-gradient(to right, #e0a030, #2e7d4f);
	color: #ffffff;
	border-bottom: none;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.toast-header .close {
	color: #ffffff;
	opacity: 0.8;
	text-shadow: none;
	margin-left: auto;
	padding: 0;
	background: transparent;
	border: 0;
	float: none;
	font-size: 20px;
	line-height: 1;
	transition: opacity 0.2s;
	outline: none;
}

.toast-header .close:hover {
	opacity: 1;
	color: #fff;
}

.toast-body {
	padding: 20px;
	font-size: 15px;
	color: #555;
	font-weight: 500;
	line-height: 1.5;
	border-left: 4px solid #e0a030;
}

#toastTitle.text-danger {
	color: #ffeaea !important;
}

/*********************************
16. Login Modal (Custom)
*********************************/

.custom-modal {
	border: none;
	border-radius: 12px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

.custom-modal .modal-header {
	background: linear-gradient(to right, #e0a030, #2e7d4f);
	color: #fff;
	border-bottom: none;
	padding: 20px 25px;
}

.custom-modal .modal-title {
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.custom-modal .close {
	color: #fff;
	opacity: 0.8;
	text-shadow: none;
	outline: none;
}

.custom-modal .close:hover {
	opacity: 1;
}

.custom-modal .modal-body {
	padding: 30px 25px;
	font-size: 15px;
	color: #555;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
}

.custom-modal .modal-footer {
	border-top: none;
	background-color: #f9f9f9;
	padding: 15px 25px 25px;
	justify-content: center;
}

.custom-btn-primary {
	background: linear-gradient(to right, #e0a030, #2e7d4f);
	border: none;
	border-radius: 25px;
	padding: 10px 30px;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	box-shadow: 0 5px 15px rgba(46, 125, 79, 0.3);
	transition: transform 0.2s, box-shadow 0.2s;
}

.custom-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(46, 125, 79, 0.4);
	color: #fff;
}

.custom-btn-secondary {
	background: transparent;
	border: 1px solid #ddd;
	border-radius: 25px;
	padding: 10px 25px;
	font-weight: 600;
	font-size: 13px;
	color: #777;
	margin-right: 15px;
	transition: all 0.2s;
}

.custom-btn-secondary:hover {
	background: #eee;
	color: #333;
}


.stars_container {
	display: inline-block;
	direction: rtl;
	unicode-bidi: bidi-override;
}

.stars_container input {
	display: none;
}

.stars_container label {
	font-size: 20px;
	color: #dadada;
	cursor: pointer;
	margin: 0 2px;
	display: inline-block;
}

.stars_container label:hover,
.stars_container label:hover~label,
.stars_container input:checked~label {
	color: #e0a030;
}

/* styles/single_listing_responsive.css */

/* CSS Document */

/******************************

[Table of Contents]

1. 1680px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/

/************
0. 1730px
************/

@media only screen and (max-width: 1730px)
{
	.single_listing
	{
		padding-left: 0px;
	}
	.listing
	{
		padding-top: 0px;
	}
	.search
	{
		position: relative;
		width: 100%;
		height: auto;
		background: linear-gradient(to right, #e0a030, #2e7d4f);
		z-index: 10;
	}
	.search_inner
	{
		width: 100%;
		height: 100%;
	}
	.no-padding
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.no-margin
	{
		margin-left: -15px;
		margin-right: -15px;
	}
	.search_tabs_container
	{
		position: absolute;
		bottom: 100%;
		left: 15px;
		width: calc(100% - 30px);
	}
	.search_tabs
	{
		flex-wrap: nowrap;

		height: 94px;
	}
	.search_tab
	{
		font-size: 14px;
		font-weight: 700;
		color: #2d2c2c;
		text-transform: uppercase;
		text-align: center;
		height: 100%;
		flex-grow: 1;
		background: #FFFFFF;
		cursor: pointer;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}
	.search_tab:not(:first-child):not(:nth-child(2))
	{
		border: none;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	.search_tab:nth-child(2)
	{
		border-top-right-radius: 0px;
		padding-right: 0px;
	}
	.search_tab:last-child
	{
		border-top-right-radius: 94px;
		padding-right: 7px;
	}
	.search_panel
	{
		display: none !important;
		width: 100%;
		height: 100%;
		-webkit-animation: fadeEffect 1s;
	    animation: fadeEffect 1s;
	    padding-left: 0px;
	    padding-right: 0px;
	    margin-top: 0px;
	    padding-top: 57px;
	    padding-bottom: 72px;
	}
	.search_item
	{
		margin-bottom: 0px;
	}
	.search_item:first-child
	{
		width: 37%;
	}
	.search_item:nth-child(2)
	{
		width: 16%;
	}
	.search_item:nth-child(3)
	{
		width: 16%;
	}
	.search_item:nth-child(4)
	{
		width: 9.947%;
		margin-right: 0px;
	}
	.search_item:nth-child(5)
	{
		width: 9.947%;
	}
	.search_extras_item
	{
		width: 20%;
	}
	.search_extras_item:nth-child(even)
	{
		padding-left: 0px;
	}
	.more_options
	{
		width: 100%;
		margin-top: 28px;
	}
	.search_button
	{
		margin-top: 29px;
	}
}

/************
1. 1680px
************/

@media only screen and (max-width: 1680px)
{
	
}

/************
2. 1440px
************/

@media only screen and (max-width: 1440px)
{
	
}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px)
{
	
}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px)
{
	
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
	.main_nav_container
	{
		margin-right: 121px;
	}
	.footer_blog_content
	{
		padding-left: 74px;
	}
}

/************
4. 1100px
************/

@media only screen and (max-width: 1100px)
{

}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{
	
}

/************
6. 991px
************/

@media only screen and (max-width: 991px)
{
	.main_nav_container
	{
		display: none;
	}
	.hamburger
	{
		display: block;
	}
	.search
	{
		height: auto;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.search_tabs_container
	{
		position: relative;
		bottom: auto;
		left: auto;
		width: auto;
		top: auto;
	}
	.search_tabs
	{
		height: auto;
	}
	.search_tab
	{
		height: 62px;
		width: 100%;
		padding-left: 15px;
	}
	.search_tab:first-child
	{
		border-top-left-radius: 0px;
		padding-left: 15px;
	}
	.search_tab:last-child
	{
		border-top-right-radius: 0px;
	}
	.search_panel
	{
		display: none !important;
		margin-top: 0px;
		padding-bottom: 0px;
	}
	.search_panel.active
	{
		display: flex!important;
	}
	.search_item
	{
		width: 100% !important;
		margin-bottom: 23px;
	}
	.search_item:last-child
	{
		margin-bottom: 0px;
	}
	.hotel_title_button
	{
		margin-top: 25px;
	}
	.hotel_map_link_container
	{
		margin-top: 25px;
	}
	.room_title
	{
		margin-top: 25px;
	}
	.room_button
	{
		margin-top: 25px;
	}
	.review_title
	{
		margin-top: 30px;
	}
	.review_rating
	{
		position: relative;
	    bottom: auto;
	    right: auto;
	    margin-top: 10px;
	}
	.footer_column
	{
		margin-bottom: 60px;
	}
	.footer_column:last-child
	{
		margin-bottom: 0px;
	}
	.copyright
	{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.copyright_content
	{
		height: auto;
		margin-top: 15px;
	}
	.footer_nav_container
	{
		height: auto;
	}
	.footer_nav_item
	{
		display: block;
	}
}

/************
7. 959px
************/

@media only screen and (max-width: 959px)
{
	
}

/************
8. 880px
************/

@media only screen and (max-width: 880px)
{
	
}

/************
9. 768px
************/

@media only screen and (max-width: 768px)
{
	
}

/************
10. 767px
************/

@media only screen and (max-width: 767px)
{
	.search_extras_item
	{
		width: 50%;
	}
	.home_title
	{
    	font-size: 48px;
	}
}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
	p{font-size: 13px;}
	h1{font-size: 28px;}
	.top_bar
	{
		display: none;
	}
	.button
	{
		height: 44px;
		border-radius: 22px;
	}
	.button a
	{
		line-height: 44px;
		padding-left: 36px;
		padding-right: 36px;
	}
	.logo a img
	{
		width: 24px;
	}
	.logo a
	{
		font-size: 24px;
	}
	.main_nav_col
	{
		height: 60px;
	}
	.header.scrolled .main_nav_col
	{
		height: 60px;
	}
	.logo_container
	{
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.content_search
	{
		-webkit-transform: translateY(2px);
		-moz-transform: translateY(2px);
		-ms-transform: translateY(2px);
		-o-transform: translateY(2px);
		transform: translateY(2px);
	}
	.header.scrolled .content_search
	{
		-webkit-transform: translateY(2px);
		-moz-transform: translateY(2px);
		-ms-transform: translateY(2px);
		-o-transform: translateY(2px);
		transform: translateY(2px);
	}
	.hamburger
	{
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.logo a
	{
		font-size: 16px;
	}
	.logo a img
	{
		width: 16px;
		margin-right: 7px;
	}
	.hamburger i
	{
		font-size: 18px;
	}
	.content_search svg
	{
		width: 15px;
		height: 15px;
	}
	.menu_close_container
	{
		top: 15px;
		right: 28px;
	}
	.menu_logo
	{
		margin-bottom: 17px;
	}
	.menu_logo a img
	{
		width: 28px !important;
	}
	.menu_item a
	{
		font-size: 24px;
	}
	.section_title
	{
		font-size: 21px;
	}
	.home
	{
		width: 100%;
		height: 375px;
		background: transparent;
	}
	.home_title
	{
		font-size: 24px;
	}
	.hotel_slider_nav
	{
		display: none !important;
	}
	.hotel_title
	{
		font-size: 24px;
	}
	.hotel_location
	{
		font-size: 14px;
	}
	.hotel_map_link
	{
		font-size: 14px;
	}
	.hotel_review_container
	{
		background: transparent;
		width: 62px;
		height: 57px;
		top: 15px;
		right: 15px;
	}
	.hotel_review_content
	{
		display: none;
	}
	.review_rating
	{
		margin-top: 20px;
	}
	.google_map
	{
		height: 75vh;
	}
	.footer_about_text
	{
		font-size: 13px;
	}
}

/************
11. 539px
************/

@media only screen and (max-width: 539px)
{
	
}

/************
12. 480px
************/

@media only screen and (max-width: 480px)
{
	
}

/************
13. 479px
************/

@media only screen and (max-width: 479px)
{
	h2{font-size: 24px;}
	p{font-size: 13px;}
}

/************
14. 400px
************/

@media only screen and (max-width: 400px)
{
	
}
/* styles/mobile.css */
/*
 * Sửa giao diện trên điện thoại / máy tính bảng.
 * Nạp sau CSS riêng của từng trang (cuối <head>) nên ghi đè được các file *_responsive.css.
 */

/* ---------- Dùng chung ---------- */

/* Ảnh nhỏ "Bài viết mới" ở footer: luôn vuông 60x60, không đè lên bài bên dưới */
.footer_blog_item {
	min-height: 60px;
}

.footer_blog_image {
	overflow: hidden;
}

.footer_blog_image img {
	width: 60px;
	height: 60px;
	object-fit: cover;
}

/* ---------- Máy tính bảng và điện thoại (< 992px) ---------- */
@media only screen and (max-width: 991px) {

	/* Menu mở từ nút ☰: nền đặc để chữ trang phía sau không lộ ra,
	   cuộn được khi màn hình thấp */
	.menu.active {
		opacity: 1;
	}

	.menu {
		overflow-y: auto;
	}

	.menu_content {
		min-height: 100%;
		height: auto;
		padding: 70px 0 40px;
	}

	.menu_account {
		display: flex;
		justify-content: center;
		gap: 24px;
		margin-top: 22px;
		padding-top: 16px;
		border-top: 1px solid rgba(255, 255, 255, 0.5);
	}

	.menu_account_item a {
		font-size: 14px;
		font-weight: 700;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}

	/* Trang danh sách và trang chi tiết: nội dung chính lên trước,
	   khối danh mục + "Góp ý cho chúng tôi" xuống cuối trang */
	.offers,
	.listing {
		display: flex;
		flex-direction: column;
		padding-bottom: 60px;
	}

	.offers > .search,
	.listing > .search {
		order: 2;
		margin-top: 60px;
		padding-top: 0;
		padding-bottom: 0;
	}

	.offers > .container,
	.listing > .container {
		order: 1;
	}

	/* Khối "Khám phá thêm" ở cuối trang: có tiêu đề và khoảng đệm,
	   danh mục là một thẻ trắng bo góc tách khỏi nền gradient */
	.offers > .search .search_inner > .container,
	.listing > .search .search_inner > .container {
		padding-top: 32px;
	}

	.offers > .search .search_inner > .container::before,
	.listing > .search .search_inner > .container::before {
		content: "Khám phá thêm Bình Liêu";
		display: block;
		margin-bottom: 16px;
		font-size: 20px;
		font-weight: 700;
		color: #fff;
	}

	.offers > .search .search_tabs_container,
	.listing > .search .search_tabs_container {
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 8px 24px rgba(22, 41, 29, 0.18);
	}

	.offers > .search .search_tab,
	.listing > .search .search_tab {
		height: 54px;
		border-bottom: 1px solid #f0ebf5 !important;
	}

	.offers > .search .search_tab:last-child,
	.listing > .search .search_tab:last-child {
		border-bottom: none !important;
	}

	.offers > .search .search_tab img,
	.listing > .search .search_tab img {
		width: 30px;
		height: 30px;
		object-fit: contain;
		margin-right: 14px;
	}

	/* Mục đang xem: màu tím đậm cho nổi trên nền cam */
	.offers > .search .search_tab.active,
	.listing > .search .search_tab.active {
		background: #1f3d2b;
	}

	.offers > .search .feedback_panel,
	.listing > .search .feedback_panel {
		padding-top: 32px !important;
	}

	/* Nút lọc / sắp xếp: lưới 2 cột gọn gàng */
	.offers_sorting_container {
		margin-top: 40px !important;
	}

	.offers_sorting {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		width: 100%;
	}

	.offers_sorting > li {
		width: calc(50% - 5px) !important;
		margin: 0 !important;
		height: 44px;
		line-height: 40px;
		padding-left: 14px;
		padding-right: 12px;
	}

	.offers_sorting li i {
		line-height: 40px;
	}

	.offers_sorting li ul {
		z-index: 20;
	}

	.offers_grid {
		margin-top: 40px;
	}

	/* Hiện ngay các thẻ có hiệu ứng AOS (trang Điểm đến, Sự kiện):
	   trên điện thoại hiệu ứng làm thẻ ẩn và để lại khoảng trắng lớn */
	[data-aos] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

/* ---------- Điện thoại (< 768px) ---------- */
@media only screen and (max-width: 767px) {

	/* Thẻ trong trang danh sách: điểm đánh giá xuống ngay dưới tên, không đè lên tên */
	.offers_grid .offers_content {
		display: flex;
		flex-direction: column;
	}

	.offers_grid .offers_content > * {
		order: 5;
	}

	.offers_grid .offers_content > .offers_price {
		order: 1;
	}

	.offers_grid .offers_content > .offers_rating {
		order: 2;
	}

	.offers_grid .offers_content > .offer_reviews {
		order: 3;
		position: static;
		display: flex;
		align-items: center;
		margin-top: 8px;
		margin-bottom: 10px;
	}

	.offers_grid .offers_content > .book_button {
		align-self: flex-start;
	}

	.offers_content .offer_reviews_title {
		margin-top: 0 !important;
	}

	.offers_content .offers_price {
		line-height: 1.2;
	}

	/* Trang chi tiết: nút "Gọi điện" / "Chỉ đường" / "Đặt ngay" thẳng hàng */
	.hotel_title_button {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 10px;
		margin-top: 20px;
	}

	.hotel_title_button .button {
		margin: 0 !important;
	}

	.hotel_title_button .hotel_map_link_container {
		width: 100%;
	}

	/* Bảng trong bài viết: chữ được xuống dòng, bảng quá rộng thì vuốt ngang */
	.hotel_info_text table,
	.blog_post_text table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: normal !important;
		font-size: 14px;
	}

	.hotel_info_text th,
	.hotel_info_text td,
	.blog_post_text th,
	.blog_post_text td {
		min-width: 100px;
		padding: 10px 12px !important;
	}

	/* Ảnh và video trong bài viết không tràn khung */
	.hotel_info_text img,
	.blog_post_text img,
	.hotel_info_text iframe,
	.blog_post_text iframe,
	.hotel_info_text video,
	.blog_post_text video {
		max-width: 100%;
		height: auto;
	}
}

/* ---------- Điện thoại nhỏ (< 576px) ---------- */
@media only screen and (max-width: 575px) {

	/* Trang chủ: bớt khoảng trắng giữa các khối */
	.intro,
	.intro ~ .offers,
	.testimonials,
	.trending {
		padding-top: 60px;
	}

	.intro {
		padding-bottom: 60px;
	}

	.intro_items {
		margin-top: 40px;
	}

	.offers_items {
		margin-top: 40px;
	}

	.cta {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.contact {
		padding-bottom: 60px;
	}

	.footer {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.footer_column {
		margin-bottom: 40px;
	}

	/* Thẻ tour trang chủ: bỏ khoảng trắng lớn trước "Chi tiết" khi ảnh và chữ xếp chồng */
	.offers_items .offers_col {
		margin-bottom: 50px;
	}

	.offers_items .offers_content {
		height: auto;
	}

	.offers_items .offers_link {
		margin-top: 0;
		padding-top: 16px;
	}

	/* Tên trong thẻ danh sách nhỏ lại một chút cho vừa màn hình */
	.offers_content .offers_price {
		font-size: 24px;
	}
}

/* styles/promo.css */
/*
 * Nâng cấp giao diện quảng bá (2026-10-22).
 * Nạp sau mobile.css ở mọi trang.
 * - Ảnh giữ màu thật: bỏ lớp phủ tím, chỉ làm tối nhẹ phía dưới chữ.
 * - Ảnh bìa trang chi tiết theo từng bài (.home.home_item).
 * - Khối "Bình Liêu theo mùa" trên trang chủ (.seasons).
 * Bảng màu: xanh núi #2e7d4f / #1f3d2b, vàng lúa #e0a030.
 */

/* ---------- Slider trang chủ: ảnh rõ màu, chữ vẫn đọc được ---------- */

.home_slider_background {
	opacity: 1;
}

.home_slider_item::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.45) 100%);
	pointer-events: none;
}

.home_slider_content {
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}

/* Ô điểm đến trên trang chủ: thay lớp phủ tím phủ kín bằng dải tối phía dưới */
.intro_item_overlay {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.2) 45%, rgba(0, 0, 0, 0.65) 100%);
}

.intro_center h1,
.intro_price {
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}

/* ---------- Ảnh bìa trang chi tiết ---------- */

.home.home_item {
	position: relative;
	height: 520px;
}

.home.home_item .home_background {
	/* parallax.js vẽ ảnh ở lớp dưới; lớp này chỉ còn dải tối cho chữ */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0.7) 100%);
}

.home.home_item .home_content {
	bottom: 56px;
	width: 100%;
	max-width: 1140px;
	padding: 0 20px;
	text-align: center;
	z-index: 2;
}

.home_kicker {
	display: inline-block;
	margin-bottom: 14px;
	padding: 5px 16px;
	border-radius: 20px;
	background: rgba(224, 160, 48, 0.92);
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.home.home_item .home_title {
	font-size: 54px;
	font-weight: 800;
	line-height: 1.15;
	text-transform: none;
	white-space: normal;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 991px) {
	.home.home_item {
		height: 440px;
	}

	.home.home_item .home_title {
		font-size: 40px;
	}
}

@media only screen and (max-width: 575px) {
	.home.home_item {
		height: 360px;
	}

	.home.home_item .home_content {
		bottom: 32px;
	}

	.home.home_item .home_title {
		font-size: 28px;
	}

	.home_kicker {
		margin-bottom: 10px;
		font-size: 11px;
	}
}

/* ---------- Bình Liêu theo mùa ---------- */

.seasons {
	padding: 90px 0 80px;
	background: #f6f4ec;
}

.seasons_lead {
	max-width: 620px;
	margin: 14px auto 0;
	font-size: 16px;
	color: #5b6b60;
}

.seasons_row {
	margin-top: 46px;
}

.season_col {
	margin-bottom: 30px;
}

.season_item {
	position: relative;
	display: block;
	height: 420px;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(31, 61, 43, 0.18);
	color: #FFFFFF;
	text-decoration: none;
}

.season_item:hover,
.season_item:focus {
	color: #FFFFFF;
	text-decoration: none;
}

.season_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	transition: transform 0.6s ease;
}

.season_item:hover .season_image {
	transform: scale(1.06);
}

.season_item::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.78) 100%);
}

.season_content {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 22px 22px 24px;
	z-index: 1;
}

.season_month {
	display: inline-block;
	padding: 3px 12px;
	border-radius: 14px;
	background: #e0a030;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.5px;
	white-space: nowrap;
}

.season_title {
	margin-top: 10px;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.2;
}

.season_text {
	margin: 8px 0 12px;
	font-size: 14px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.9);
}

.season_link {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffd27a;
}

@media only screen and (max-width: 991px) {
	.season_item {
		height: 360px;
	}
}

@media only screen and (max-width: 575px) {
	.seasons {
		padding: 56px 0 40px;
	}

	.seasons_row {
		margin-top: 28px;
	}

	.season_col {
		margin-bottom: 18px;
	}

	.season_item {
		height: 300px;
	}

	.season_title {
		font-size: 23px;
	}
}

/* ---------- Cột bên trang danh sách / chi tiết: nền xanh núi thay cho nền cam ---------- */

.offers > .search,
.listing > .search {
	background: linear-gradient(to bottom, #1f3d2b 0%, #2a5a3c 100%);
}

.feedback_panel .feedback_title {
	letter-spacing: 0.3px;
}

.feedback_panel .feedback_subtitle {
	color: rgba(255, 255, 255, 0.78) !important;
}

.feedback_panel .feedback_input {
	border-color: rgba(255, 255, 255, 0.15) !important;
}

.feedback_panel .feedback_button {
	background: #e0a030 !important;
	color: #1f3d2b !important;
}

.feedback_panel .feedback_button:hover {
	background: #edb54f !important;
	opacity: 1 !important;
}

/* ---------- SEO: đổi thẻ tiêu đề (h1/h3) nhưng giữ nguyên giao diện ---------- */

/* Banner trang danh sách: tiêu đề giờ là h1 */
h1.home_title {
	margin: 0;
	line-height: inherit;
}

/* Trang chủ: chữ trên slider không còn là h1 (mỗi trang chỉ một h1) */
.home_slider_content .slider_line {
	margin-bottom: 0;
	line-height: 1.2;
}

.home_slider_content .slider_line:first-child {
	font-size: 112px;
	font-weight: 900;
	color: #FFFFFF;
	text-transform: uppercase;
}

.home_slider_content .slider_line:nth-child(2) {
	font-family: 'Dancing Script', cursive;
	font-size: 100px;
	color: #FFFFFF;
	margin-top: -10px;
}

/* Trang chủ: tiêu đề giới thiệu là h1 duy nhất, giữ cỡ chữ như h2 cũ */
h1.intro_title {
	font-size: 36px;
}

/* Trang chủ: tên điểm đến trên ô ảnh (trước là h1, nay là h3) */
.intro_center .intro_name {
	font-weight: 700;
	color: #FFFFFF;
	letter-spacing: -0.05em;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}

/* Trang tin tức: tiêu đề bài viết là h1 */
h1.blog_post_title {
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4;
	color: #2b2b2b;
}

@media only screen and (max-width: 1199px) {
	.home_slider_content .slider_line:first-child {
		font-size: 92px;
	}

	.home_slider_content .slider_line:nth-child(2) {
		font-size: 80px;
		margin-top: -8px;
	}
}

@media only screen and (max-width: 991px) {
	.home_slider_content .slider_line:first-child {
		font-size: 72px;
	}

	.home_slider_content .slider_line:nth-child(2) {
		font-size: 60px;
		margin-top: -6px;
	}
}

@media only screen and (max-width: 575px) {
	.home_slider_content .slider_line:first-child {
		font-size: 48px;
	}

	.home_slider_content .slider_line:nth-child(2) {
		font-size: 43px;
		margin-top: -4px;
	}

	h1.blog_post_title {
		font-size: 21px;
	}
}

@media only screen and (max-width: 479px) {
	h1.intro_title {
		font-size: 24px;
	}
}

/* styles/detail.css */
/*
 * Giao diện trang chi tiết (lưu trú, ẩm thực, di chuyển, điểm đến, tour, sự kiện, tin tức).
 * Tinh thần: Bình Liêu hoang sơ, thơ mộng, hùng vĩ – ảnh lớn, chữ có chân cho tiêu đề,
 * màu núi rừng (xanh rêu, giấy ngà, vàng nắng), nhiều khoảng thở.
 * Mọi class đều có tiền tố "dt-" để không đụng style cũ của template.
 */

:root {
	--dt-forest: #1c3528;
	--dt-moss: #2e6b4a;
	--dt-moss-soft: #e6efe8;
	--dt-paper: #f7f4ec;
	--dt-card: #ffffff;
	--dt-ink: #1f2a23;
	--dt-text: #3c463f;
	--dt-muted: #59635a;
	--dt-line: #e6e0d2;
	--dt-gold: #c08526;
	--dt-gold-soft: #f6ead3;
	--dt-gold-text: #94620f; /* chữ vàng trên nền kem: đạt tỷ lệ tương phản 4,5 */
	--dt-radius: 14px;
	--dt-shadow: 0 1px 2px rgba(28, 53, 40, .05), 0 8px 28px rgba(28, 53, 40, .07);
	--dt-serif: 'Lora', Georgia, 'Times New Roman', serif;
	--dt-sans: 'Be Vietnam Pro', 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

.dt-page {
	background: var(--dt-paper);
	font-family: var(--dt-sans);
	color: var(--dt-text);
	-webkit-font-smoothing: antialiased;
}

.dt-page a {
	transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

/* ============================== Hero ============================== */

.dt-hero {
	position: relative;
	min-height: 72vh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: var(--dt-forest);
	color: #fff;
}

.dt-hero__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.06);
	animation: dt-drift 18s ease-out forwards;
}

@keyframes dt-drift {
	to { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
	.dt-hero__img { animation: none; transform: none; }
}

/* sương phủ: tối dần xuống chân ảnh để chữ luôn đọc được */
.dt-hero__shade {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(10, 22, 15, .55) 0%, rgba(10, 22, 15, 0) 26%),
		linear-gradient(0deg, rgba(10, 22, 15, .82) 0%, rgba(10, 22, 15, .35) 38%, rgba(10, 22, 15, 0) 62%);
}

.dt-hero__inner {
	position: relative;
	z-index: 1;
	width: 100%;
	padding-top: 140px;
	padding-bottom: 64px;
}

.dt-crumb {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 18px;
	font-size: 13px;
	letter-spacing: .02em;
	color: rgba(255, 255, 255, .78);
}

.dt-crumb a {
	color: rgba(255, 255, 255, .78);
}

.dt-crumb a:hover {
	color: #fff;
}

.dt-crumb span[aria-hidden] {
	opacity: .5;
}

.dt-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: #f1d9a8;
}

.dt-kicker::before {
	content: "";
	width: 34px;
	height: 1px;
	background: currentColor;
	opacity: .8;
}

.dt-title {
	max-width: 900px;
	margin: 0;
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: clamp(34px, 5.2vw, 62px);
	line-height: 1.12;
	letter-spacing: -.01em;
	color: #fff;
	text-shadow: 0 2px 24px rgba(0, 0, 0, .25);
}

.dt-hero__lead {
	max-width: 680px;
	margin: 16px 0 0;
	font-family: var(--dt-serif);
	font-style: italic;
	font-size: 19px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .88);
}

.dt-hero__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 22px;
	margin-top: 22px;
	font-size: 15px;
	color: rgba(255, 255, 255, .9);
}

.dt-hero__meta .fa {
	margin-right: 7px;
	color: #f1d9a8;
}

/* ============================== Bố cục ============================== */

.dt-body {
	padding: 56px 0 88px;
}

.dt-main > * + * {
	margin-top: 56px;
}

.dt-section-title {
	display: flex;
	align-items: baseline;
	gap: 14px;
	margin: 0 0 22px;
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: 28px;
	line-height: 1.25;
	color: var(--dt-ink);
}

.dt-section-title small {
	font-family: var(--dt-sans);
	font-size: 14px;
	font-weight: 400;
	color: var(--dt-muted);
}

/* nét cọ nhỏ dưới tiêu đề mục */
.dt-section-title::after {
	content: none;
}

.dt-eyebrow {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--dt-gold);
}

.dt-section .dt-eyebrow,
.dt-tile__body .dt-eyebrow {
	color: var(--dt-gold-text);
}

/* ============================== Thư viện ảnh ============================== */

.dt-gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 150px;
	gap: 10px;
	border-radius: var(--dt-radius);
	overflow: hidden;
}

.dt-gallery__item {
	position: relative;
	display: block;
	overflow: hidden;
	background: #dfe3dc;
}

.dt-gallery__item:first-child {
	grid-column: span 2;
	grid-row: span 2;
}

.dt-gallery__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease, filter .6s ease;
}

.dt-gallery__item:hover img {
	transform: scale(1.05);
	filter: saturate(1.08);
}

.dt-gallery__item.is-hidden {
	display: none;
}

.dt-gallery__more {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(16, 32, 23, .55);
	font-family: var(--dt-serif);
	font-size: 22px;
	color: #fff;
}

.dt-gallery--1 { grid-template-columns: 1fr; grid-auto-rows: 420px; }
.dt-gallery--1 .dt-gallery__item:first-child { grid-column: auto; grid-row: auto; }
.dt-gallery--2 { grid-template-columns: 1fr 1fr; grid-auto-rows: 320px; }
.dt-gallery--2 .dt-gallery__item:first-child { grid-column: auto; grid-row: auto; }
.dt-gallery--3 { grid-template-columns: 2fr 1fr; grid-auto-rows: 180px; }
.dt-gallery--3 .dt-gallery__item:first-child { grid-column: auto; grid-row: span 2; }
.dt-gallery--4 { grid-template-columns: 2fr 1fr 1fr; grid-auto-rows: 180px; }
.dt-gallery--4 .dt-gallery__item:first-child { grid-column: auto; grid-row: span 2; }
.dt-gallery--4 .dt-gallery__item:nth-child(4) { grid-column: span 2; }

/* ============================== Nội dung bài ============================== */

.dt-prose {
	max-width: 72ch;
	font-family: var(--dt-sans);
	font-size: 17px;
	line-height: 1.85;
	color: var(--dt-text);
	overflow-wrap: break-word;
}

/* nội dung soạn/copy từ nơi khác hay mang theo font, cỡ chữ, màu riêng -> đưa về một giọng */
.dt-prose p,
.dt-prose span,
.dt-prose div,
.dt-prose li,
.dt-prose td,
.dt-prose font {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
	background-color: transparent !important;
}

.dt-prose > *:first-child { margin-top: 0; }
.dt-prose > *:last-child { margin-bottom: 0; }

.dt-prose p {
	margin: 0 0 1.15em;
	text-align: left !important;
}

.dt-prose p[style*="right"] {
	text-align: right !important;
}

.dt-prose--lead > p:first-child,
.dt-prose--lead > p:first-child * {
	font-family: var(--dt-serif) !important;
	font-size: 20px !important;
	line-height: 1.7 !important;
	color: var(--dt-ink) !important;
}

.dt-prose h1,
.dt-prose h2,
.dt-prose h3,
.dt-prose h4 {
	margin: 1.8em 0 .6em;
	font-family: var(--dt-serif) !important;
	font-weight: 600;
	line-height: 1.3;
	color: var(--dt-ink) !important;
}

.dt-prose h1 { font-size: 28px; }
.dt-prose h2 { font-size: 25px; }
.dt-prose h3 { font-size: 21px; }
.dt-prose h4 { font-size: 18px; }

.dt-prose h1 *, .dt-prose h2 *, .dt-prose h3 *, .dt-prose h4 * {
	font-family: inherit !important;
	font-size: inherit !important;
	color: inherit !important;
}

.dt-prose strong, .dt-prose b {
	font-weight: 600;
	color: var(--dt-ink);
}

.dt-prose a {
	color: var(--dt-moss);
	text-decoration: underline;
	text-decoration-color: rgba(46, 107, 74, .35);
	text-underline-offset: 3px;
}

.dt-prose a:hover {
	text-decoration-color: currentColor;
}

.dt-prose img {
	display: block;
	max-width: 100% !important;
	height: auto !important;
	margin: 1.6em auto;
	border-radius: 10px;
}

.dt-prose figure,
.dt-prose .image,
.dt-prose table.image {
	width: auto !important;
	max-width: 100%;
	margin: 1.8em 0 !important;
}

.dt-prose figure img,
.dt-prose .image img {
	margin: 0 auto;
}

.dt-prose figcaption,
.dt-prose .image caption,
.dt-prose .caption,
.dt-prose td.caption,
.dt-prose em.caption {
	display: block;
	margin-top: 10px;
	font-size: 14px !important;
	font-style: italic;
	line-height: 1.6 !important;
	text-align: center;
	color: var(--dt-muted) !important;
}

.dt-prose blockquote {
	margin: 1.8em 0;
	padding: 4px 0 4px 24px;
	border-left: 3px solid var(--dt-gold);
	font-family: var(--dt-serif);
	font-style: italic;
	font-size: 19px;
	color: var(--dt-ink);
}

.dt-prose ul,
.dt-prose ol {
	margin: 0 0 1.3em;
	padding-left: 1.4em;
}

.dt-prose ul { list-style: disc; }
.dt-prose ol { list-style: decimal; }

.dt-prose li {
	margin-bottom: .45em;
	padding-left: 4px;
}

.dt-prose li::marker {
	color: var(--dt-gold);
}

.dt-prose iframe,
.dt-prose video {
	display: block;
	width: 100% !important;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	height: auto !important;
	margin: 1.6em 0;
	border: 0;
	border-radius: 10px;
}

.dt-prose hr {
	margin: 2.4em auto;
	width: 80px;
	border: 0;
	border-top: 1px solid var(--dt-line);
}

.dt-prose table:not(.image) {
	width: 100%;
	margin: 1.4em 0;
	border-collapse: separate !important;
	border-spacing: 0;
	border: 1px solid var(--dt-line) !important;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	font-size: 15px;
	line-height: 1.6;
}

.dt-prose table:not(.image) td,
.dt-prose table:not(.image) th {
	padding: 12px 16px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--dt-line) !important;
	vertical-align: top;
	font-size: 15px !important;
}

.dt-prose table:not(.image) tr:last-child td {
	border-bottom: 0 !important;
}

.dt-prose table:not(.image) th,
.dt-prose table:not(.image) thead td {
	background: var(--dt-gold-soft) !important;
	color: var(--dt-ink) !important;
	font-weight: 600;
}

/* ============================== Thẻ thông tin bên phải ============================== */

.dt-aside {
	position: sticky;
	top: 110px;
}

.dt-card {
	background: var(--dt-card);
	border: 1px solid var(--dt-line);
	border-radius: var(--dt-radius);
	box-shadow: var(--dt-shadow);
}

.dt-info {
	padding: 28px 26px 26px;
}

.dt-info__price {
	padding-bottom: 20px;
	margin-bottom: 6px;
	border-bottom: 1px solid var(--dt-line);
}

.dt-info__price-label {
	font-size: 13px;
	color: var(--dt-muted);
}

.dt-info__price-value {
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: 30px;
	line-height: 1.2;
	color: var(--dt-forest);
}

.dt-info__price-value small {
	font-family: var(--dt-sans);
	font-size: 14px;
	font-weight: 400;
	color: var(--dt-muted);
}

.dt-facts {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dt-facts li {
	display: flex;
	gap: 14px;
	padding: 14px 0;
	border-bottom: 1px dashed var(--dt-line);
}

.dt-facts li:last-child {
	border-bottom: 0;
}

.dt-facts .fa {
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border-radius: 50%;
	text-align: center;
	font-size: 15px;
	background: var(--dt-moss-soft);
	color: var(--dt-moss);
}

.dt-facts__label {
	display: block;
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--dt-muted);
}

.dt-facts__value {
	display: block;
	margin-top: 2px;
	font-size: 15px;
	line-height: 1.55;
	color: var(--dt-ink);
	overflow-wrap: anywhere;
}

.dt-facts__value a {
	color: var(--dt-ink);
}

.dt-facts__value a:hover {
	color: var(--dt-moss);
}

.dt-actions {
	display: grid;
	gap: 10px;
	margin-top: 22px;
}

.dt-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 48px;
	padding: 0 22px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-family: var(--dt-sans);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	text-decoration: none !important;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.dt-btn:hover {
	transform: translateY(-1px);
}

.dt-btn--primary {
	background: var(--dt-forest);
	color: #fff !important;
}

.dt-btn--primary:hover {
	background: var(--dt-moss);
}

.dt-btn--ghost {
	background: transparent;
	border-color: var(--dt-line);
	color: var(--dt-ink) !important;
}

.dt-btn--ghost:hover {
	border-color: var(--dt-moss);
	color: var(--dt-moss) !important;
}

.dt-btn--gold {
	background: var(--dt-gold);
	color: #fff !important;
}

.dt-btn--gold:hover {
	background: #a8721d;
}

.dt-btn[disabled] {
	opacity: .6;
	cursor: wait;
	transform: none;
}

.dt-note {
	margin: 18px 0 0;
	font-size: 13px;
	line-height: 1.6;
	color: var(--dt-muted);
}

/* Cơ sở đã đóng cửa: khung vàng đầu bài + nhãn ở ảnh bìa */
.dt-closed {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin: 0 0 24px;
	padding: 14px 18px;
	border-left: 4px solid #e0a100;
	border-radius: 6px;
	background: #fff8e1;
	color: #4a3b00;
	font-size: 15px;
	line-height: 1.6;
}

.dt-closed .fa {
	margin-top: 4px;
	color: #c78c00;
}

.dt-closed p {
	margin: 0;
	color: inherit;
}

.dt-closed a {
	color: #8a5a00;
	text-decoration: underline;
}

.dt-closed-badge {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	background: #e0a100;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
}

/* ============================== Đánh giá sao ============================== */

.dt-stars {
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 1;
	letter-spacing: 2px;
	color: rgba(255, 255, 255, .35);
	white-space: nowrap;
}

.dt-stars::before {
	content: "\f005\f005\f005\f005\f005";
	font-family: 'FontAwesome';
}

.dt-stars__fill {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: #f3c35b;
}

.dt-stars__fill::before {
	content: "\f005\f005\f005\f005\f005";
	font-family: 'FontAwesome';
}

.dt-stars--dark {
	color: #e2ddd0;
}

.dt-stars--dark .dt-stars__fill {
	color: var(--dt-gold);
}

/* ============================== Lịch trình tour ============================== */

.dt-highlights {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 14px;
}

.dt-highlight {
	padding: 18px 18px 16px;
	background: #fff;
	border: 1px solid var(--dt-line);
	border-radius: 12px;
}

.dt-highlight .fa {
	font-size: 18px;
	color: var(--dt-gold);
}

.dt-highlight__label {
	margin-top: 10px;
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--dt-muted);
}

.dt-highlight__value {
	margin-top: 4px;
	font-size: 15px;
	line-height: 1.55;
	color: var(--dt-ink);
}

.dt-schedule {
	position: relative;
	padding: 30px 32px;
	background: #fff;
	border: 1px solid var(--dt-line);
	border-radius: var(--dt-radius);
}

/* ============================== Đánh giá ============================== */

.dt-reviews__summary {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 24px;
}

.dt-reviews__score {
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: 44px;
	line-height: 1;
	color: var(--dt-forest);
}

.dt-reviews__count {
	margin-top: 6px;
	font-size: 14px;
	color: var(--dt-muted);
}

.dt-review {
	display: flex;
	gap: 16px;
	padding: 22px 24px;
}

.dt-review + .dt-review {
	margin-top: 14px;
}

.dt-review__avatar {
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	background: var(--dt-moss-soft);
}

.dt-review__body {
	flex: 1;
	min-width: 0;
}

.dt-review__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 6px 14px;
}

.dt-review__name {
	font-weight: 600;
	color: var(--dt-ink);
}

.dt-review__date {
	font-size: 13px;
	color: var(--dt-muted);
}

.dt-review__title {
	margin: 10px 0 4px;
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: 18px;
	color: var(--dt-ink);
}

.dt-review__text {
	font-size: 15px;
	line-height: 1.75;
	color: var(--dt-text);
	/* nội dung là văn bản thuần, giữ xuống dòng người dùng gõ */
	white-space: pre-line;
	overflow-wrap: anywhere;
}

.dt-review__text p:last-child {
	margin-bottom: 0;
}

/* ảnh du khách gửi kèm đánh giá: ô vuông nhỏ, bấm xem lớn (colorbox) */
.dt-review__photos {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.dt-review__photo {
	position: relative;
	display: block;
	width: 92px;
	height: 92px;
	border-radius: 10px;
	overflow: hidden;
	background: var(--dt-moss-soft);
}

.dt-review__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}

.dt-review__photo:hover img {
	transform: scale(1.05);
}

/* chọn ảnh trong form đánh giá */
.dt-photo-pick {
	margin-bottom: 16px;
}

.dt-photo-pick__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.dt-photo-pick__add {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 92px;
	height: 92px;
	margin: 0;
	border: 1px dashed var(--dt-moss);
	border-radius: 10px;
	background: #fbfaf6;
	color: var(--dt-moss);
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	transition: background-color .2s ease;
}

.dt-photo-pick__add i {
	font-size: 20px;
}

.dt-photo-pick__add:hover,
.dt-photo-pick__input:focus-visible + .dt-photo-pick__add {
	background: var(--dt-moss-soft);
}

.dt-photo-pick__input:focus-visible + .dt-photo-pick__add {
	box-shadow: 0 0 0 3px rgba(46, 107, 74, .25);
}

.dt-photo-pick__item {
	position: relative;
	width: 92px;
	height: 92px;
	border-radius: 10px;
	overflow: hidden;
	background: var(--dt-moss-soft);
}

.dt-photo-pick__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dt-photo-pick__remove {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(28, 53, 40, .78);
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	cursor: pointer;
}

.dt-photo-pick__remove:hover {
	background: var(--dt-forest);
}

.dt-photo-pick__hint {
	margin: 8px 0 0;
	font-size: 13px;
	color: var(--dt-muted);
}

.dt-empty {
	padding: 30px 24px;
	text-align: center;
	font-family: var(--dt-serif);
	font-style: italic;
	font-size: 17px;
	color: var(--dt-muted);
	background: rgba(255, 255, 255, .55);
	border: 1px dashed var(--dt-line);
	border-radius: var(--dt-radius);
}

.dt-review-form {
	margin-top: 22px;
	padding: 26px 26px 28px;
}

.dt-review-form__title {
	margin: 0 0 16px;
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: 20px;
	color: var(--dt-ink);
}

.dt-field {
	display: block;
	width: 100%;
	margin-bottom: 12px;
	padding: 13px 16px;
	border: 1px solid var(--dt-line);
	border-radius: 10px;
	background: #fbfaf6;
	font-family: var(--dt-sans);
	font-size: 15px;
	color: var(--dt-ink);
	outline: none;
	transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.dt-field:focus {
	background: #fff;
	border-color: var(--dt-moss);
	box-shadow: 0 0 0 3px rgba(46, 107, 74, .12);
}

textarea.dt-field {
	min-height: 120px;
	resize: vertical;
}

/* chọn sao: các input xếp ngược để :checked ~ label tô được các sao bên trái */
.dt-rate {
	display: inline-flex;
	flex-direction: row-reverse;
	gap: 4px;
	margin-bottom: 16px;
}

.dt-rate input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.dt-rate label {
	margin: 0;
	font-size: 26px;
	line-height: 1;
	color: #ddd6c6;
	cursor: pointer;
	transition: color .15s ease, transform .15s ease;
}

.dt-rate label:hover,
.dt-rate label:hover ~ label,
.dt-rate input:checked ~ label {
	color: var(--dt-gold);
}

.dt-rate label:hover {
	transform: scale(1.12);
}

.dt-rate input:focus-visible + label {
	outline: 2px solid var(--dt-moss);
	outline-offset: 2px;
	border-radius: 4px;
}

.dt-login-hint {
	margin-top: 18px;
	font-size: 15px;
	color: var(--dt-muted);
}

.dt-login-hint a {
	font-weight: 600;
	color: var(--dt-moss);
}

/* ============================== Gợi ý thêm ============================== */

.dt-related {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.dt-related__card {
	display: block;
	overflow: hidden;
	color: inherit !important;
	text-decoration: none !important;
}

.dt-related__img {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #dfe3dc;
}

.dt-related__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease;
}

.dt-related__card:hover .dt-related__img img {
	transform: scale(1.05);
}

.dt-related__body {
	padding: 16px 18px 18px;
}

.dt-related__title {
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: 18px;
	line-height: 1.35;
	color: var(--dt-ink);
}

.dt-related__card:hover .dt-related__title {
	color: var(--dt-moss);
}

.dt-related__sub {
	margin-top: 6px;
	font-size: 14px;
	line-height: 1.55;
	color: var(--dt-muted);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ============================== Tin tức ============================== */

/* ảnh bìa tin tức hay là infographic nhiều chữ -> làm mờ, tối để tiêu đề nổi lên */
.dt-hero.dt-hero--article {
	min-height: 0;
}

.dt-hero--article .dt-hero__img {
	filter: blur(6px) brightness(.5) saturate(.9);
	transform: scale(1.12);
	animation: none;
}

.dt-hero--article .dt-hero__shade {
	background: linear-gradient(180deg, rgba(16, 34, 24, .55) 0%, rgba(16, 34, 24, .75) 100%);
}

.dt-hero--article .dt-hero__inner {
	padding-top: 150px;
	padding-bottom: 56px;
}

.dt-hero--article .dt-title {
	font-size: clamp(30px, 4.2vw, 48px);
}

.dt-article-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	margin-top: 22px;
	font-size: 14px;
	color: rgba(255, 255, 255, .88);
}

.dt-article-meta a {
	color: inherit;
}

.dt-article-meta a:hover {
	color: #fff;
	text-decoration: underline;
}

.dt-article-meta .fa {
	margin-right: 6px;
	color: #f1d9a8;
}

.dt-article {
	padding: 44px 48px 40px;
}

.dt-article .dt-prose {
	max-width: none;
}

.dt-source {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 32px;
	padding-top: 20px;
	border-top: 1px solid var(--dt-line);
	font-size: 14px;
	color: var(--dt-muted);
	overflow-wrap: anywhere;
}

.dt-source a {
	color: var(--dt-moss);
}

.dt-side-block {
	padding: 24px 24px 18px;
}

.dt-side-block + .dt-side-block {
	margin-top: 20px;
}

.dt-side-title {
	margin: 0 0 14px;
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: 19px;
	color: var(--dt-ink);
}

.dt-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.dt-chip {
	display: inline-block;
	padding: 7px 14px;
	border: 1px solid var(--dt-line);
	border-radius: 999px;
	font-size: 14px;
	color: var(--dt-text) !important;
	text-decoration: none !important;
}

.dt-chip:hover {
	border-color: var(--dt-moss);
	background: var(--dt-moss-soft);
	color: var(--dt-moss) !important;
}

.dt-mini-post {
	display: flex;
	gap: 14px;
	padding: 12px 0;
	border-top: 1px solid var(--dt-line);
	color: inherit !important;
	text-decoration: none !important;
}

.dt-mini-post:first-of-type {
	border-top: 0;
	padding-top: 0;
}

.dt-mini-post img {
	flex: 0 0 76px;
	width: 76px;
	height: 76px;
	border-radius: 10px;
	object-fit: cover;
	background: #dfe3dc;
}

.dt-mini-post__title {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.45;
	color: var(--dt-ink);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dt-mini-post:hover .dt-mini-post__title {
	color: var(--dt-moss);
}

.dt-mini-post__date {
	margin-top: 4px;
	font-size: 13px;
	color: var(--dt-muted);
}

/* ============================== Dải mời gọi cuối trang ============================== */

.dt-invite {
	position: relative;
	margin-top: 72px;
	padding: 48px 44px;
	overflow: hidden;
	border-radius: 18px;
	background: var(--dt-forest);
	color: #fff;
}

/* đường núi mờ phía sau */
.dt-invite::after {
	content: "";
	position: absolute;
	right: -40px;
	bottom: -10px;
	width: 520px;
	height: 160px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 160'%3E%3Cpath d='M0 160 L90 70 L140 110 L230 20 L300 95 L350 60 L440 130 L520 80 L520 160Z' fill='%23ffffff' fill-opacity='.06'/%3E%3Cpath d='M0 160 L70 115 L160 140 L250 80 L330 130 L420 100 L520 140 L520 160Z' fill='%23ffffff' fill-opacity='.06'/%3E%3C/svg%3E") no-repeat right bottom / contain;
	pointer-events: none;
}

.dt-invite__title {
	position: relative;
	z-index: 1;
	margin: 0;
	max-width: 620px;
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: 28px;
	line-height: 1.35;
	color: #fff;
}

.dt-invite__text {
	position: relative;
	z-index: 1;
	max-width: 620px;
	margin: 10px 0 24px;
	font-size: 16px;
	line-height: 1.7;
	color: rgba(255, 255, 255, .8);
}

.dt-invite .dt-chips {
	position: relative;
	z-index: 1;
}

.dt-invite .dt-chip {
	border-color: rgba(255, 255, 255, .25);
	color: #fff !important;
}

.dt-invite .dt-chip:hover {
	background: #fff;
	border-color: #fff;
	color: var(--dt-forest) !important;
}

/* ============================== Hộp thoại đăng nhập ============================== */

.dt-modal .modal-content {
	border: 0;
	border-radius: var(--dt-radius);
	font-family: var(--dt-sans);
}

.dt-modal .modal-header,
.dt-modal .modal-footer {
	border: 0;
	padding: 22px 26px 0;
}

.dt-modal .modal-footer {
	padding: 0 26px 22px;
}

.dt-modal .modal-title {
	font-family: var(--dt-serif);
	font-weight: 600;
	color: var(--dt-ink);
}

.dt-modal .modal-body {
	padding: 12px 26px 20px;
	color: var(--dt-text);
	line-height: 1.7;
}

/* ============================== Responsive ============================== */

@media (max-width: 991px) {
	.dt-hero { min-height: 62vh; }
	.dt-hero__inner { padding-top: 120px; padding-bottom: 44px; }
	.dt-aside { position: static; margin-top: 44px; }
	/* trang có giá / nút gọi: đưa thẻ thông tin lên ngay dưới ảnh bìa */
	.order-first > .dt-aside { margin: 0 0 40px; }
	.dt-body { padding: 40px 0 64px; }
	.dt-main > * + * { margin-top: 44px; }
	.dt-related { grid-template-columns: repeat(2, 1fr); }
	.dt-article { padding: 34px 30px; }
}

@media (max-width: 575px) {
	.dt-hero { min-height: 56vh; }
	.dt-hero__inner { padding-bottom: 34px; }
	.dt-hero__lead { font-size: 17px; }
	.dt-hero__meta { font-size: 14px; }
	.dt-section-title { font-size: 24px; }
	.dt-prose { font-size: 16px; line-height: 1.8; }
	.dt-prose--lead > p:first-child,
	.dt-prose--lead > p:first-child * { font-size: 18px !important; }
	.dt-gallery,
	.dt-gallery--3,
	.dt-gallery--4 { grid-template-columns: 1fr 1fr; grid-auto-rows: 120px; gap: 6px; }
	.dt-gallery .dt-gallery__item:first-child { grid-column: span 2; grid-row: span 2; }
	.dt-gallery--4 .dt-gallery__item:nth-child(4) { grid-column: auto; }
	.dt-gallery--1 { grid-template-columns: 1fr; grid-auto-rows: 260px; }
	.dt-gallery--1 .dt-gallery__item:first-child { grid-column: auto; grid-row: auto; }
	.dt-gallery--2 { grid-auto-rows: 180px; }
	.dt-gallery--2 .dt-gallery__item:first-child { grid-column: auto; grid-row: auto; }
	.dt-prose table:not(.image) { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.dt-facts li { padding: 11px 0; }
	.dt-related { grid-template-columns: 1fr; }
	.dt-review { padding: 18px; }
	.dt-review__photo, .dt-photo-pick__add, .dt-photo-pick__item { width: 78px; height: 78px; }
	.dt-review__avatar { flex-basis: 40px; width: 40px; height: 40px; }
	.dt-schedule { padding: 22px 20px; }
	.dt-article { padding: 26px 20px; }
	.dt-invite { padding: 34px 24px; }
	.dt-invite__title { font-size: 23px; }
}

/* ---------- Ngày cập nhật cuối bài ---------- */

.dt-updated {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 22px 0 0;
	font-size: 14px;
	color: var(--dt-muted);
}

.dt-updated .fa {
	color: var(--dt-gold);
}

/* ============================== Album ảnh (lưu trú) ============================== */

/* lưới ảnh đầu trang: bấm ảnh hoặc nút "Xem tất cả" mở modal thư viện ảnh */
.dt-album {
	position: relative;
}

.dt-album .dt-gallery {
	grid-auto-rows: 170px;
	box-shadow: var(--dt-shadow);
}

.dt-album .dt-gallery__item {
	cursor: zoom-in;
}

.dt-album .dt-gallery__item::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(16, 32, 23, .28), transparent 45%);
	opacity: 0;
	transition: opacity .3s ease;
}

.dt-album .dt-gallery__item:hover::after,
.dt-album .dt-gallery__item:focus-visible::after {
	opacity: 1;
}

.dt-album .dt-gallery__item:focus-visible {
	outline: 3px solid var(--dt-gold);
	outline-offset: -3px;
}

.dt-album__label {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(16, 32, 23, .62);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #fff;
	pointer-events: none;
}

.dt-album__open {
	position: absolute;
	right: 14px;
	bottom: 14px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 11px 18px;
	border: 1px solid rgba(28, 53, 40, .12);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 6px 20px rgba(16, 32, 23, .22);
	font-family: var(--dt-sans);
	font-size: 14px;
	font-weight: 600;
	color: var(--dt-ink);
	cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.dt-album__open:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(16, 32, 23, .28);
	background: var(--dt-paper);
}

.dt-album__open .fa {
	color: var(--dt-moss);
}

/* ============================== Thư viện ảnh cột phải (tour) ============================== */

/* thẻ giá + thư viện ảnh cao hơn màn hình: bỏ dính để xem được hết */
.dt-aside--tall {
	position: static;
}

.dt-sidegal {
	margin-top: 20px;
	padding: 22px 20px 20px;
}

.dt-sidegal__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.dt-sidegal__head .dt-side-title {
	margin: 0;
}

.dt-sidegal__count {
	font-size: 13px;
	color: var(--dt-muted);
	white-space: nowrap;
}

.dt-sidegal__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 78px;
	gap: 6px;
	border-radius: 10px;
	overflow: hidden;
}

.dt-sidegal__item {
	position: relative;
	display: block;
	overflow: hidden;
	background: #dfe3dc;
	cursor: zoom-in;
}

.dt-sidegal__item:first-child {
	grid-column: span 3;
	grid-row: span 2;
}

.dt-sidegal__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}

.dt-sidegal__item:hover img {
	transform: scale(1.06);
}

.dt-sidegal__item:focus-visible {
	outline: 3px solid var(--dt-gold);
	outline-offset: -3px;
}

.dt-sidegal__more {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(16, 32, 23, .55);
	font-family: var(--dt-serif);
	font-size: 20px;
	color: #fff;
}

.dt-sidegal__open {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: 100%;
	margin-top: 14px;
	padding: 11px 16px;
	border: 1px solid var(--dt-line);
	border-radius: 999px;
	background: #fff;
	font-family: var(--dt-sans);
	font-size: 14px;
	font-weight: 600;
	color: var(--dt-ink);
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease;
}

.dt-sidegal__open:hover {
	background: var(--dt-paper);
	border-color: var(--dt-moss);
}

.dt-sidegal__open .fa {
	color: var(--dt-moss);
}

@media (max-width: 991px) {
	.dt-sidegal__grid { grid-auto-rows: 130px; }
}

@media (max-width: 575px) {
	.dt-sidegal__grid { grid-auto-rows: 88px; }
}

/* ============================== Modal thư viện ảnh ============================== */

html.dt-gm-open,
html.dt-gm-open body {
	overflow: hidden;
}

.dt-gm {
	position: fixed;
	inset: 0;
	z-index: 10000; /* trên nút chatbot (9995-9997) */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(16, 28, 21, .72);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	font-family: var(--dt-sans);
	animation: dt-gm-fade .2s ease;
}

.dt-gm[hidden] {
	display: none;
}

@keyframes dt-gm-fade {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes dt-gm-rise {
	from { opacity: 0; transform: translateY(14px) scale(.98); }
	to { opacity: 1; transform: none; }
}

.dt-gm__dialog {
	display: flex;
	flex-direction: column;
	width: min(1080px, 100%);
	height: min(840px, 100%);
	padding: 18px 22px 16px;
	border-radius: 18px;
	background: var(--dt-paper);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .35);
	animation: dt-gm-rise .25s ease;
}

.dt-gm__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.dt-gm__eyebrow {
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--dt-gold-text);
}

.dt-gm__title {
	margin: 2px 0 0;
	font-family: var(--dt-serif);
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--dt-ink);
}

.dt-gm__title small {
	margin-left: 8px;
	font-family: var(--dt-sans);
	font-size: 14px;
	font-weight: 400;
	color: var(--dt-muted);
}

.dt-gm__close {
	flex: none;
	width: 42px;
	height: 42px;
	border: 1px solid var(--dt-line);
	border-radius: 50%;
	background: #fff;
	color: var(--dt-ink);
	font-size: 18px;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease;
}

.dt-gm__close:hover,
.dt-gm__close:focus-visible {
	border-color: var(--dt-moss);
	background: var(--dt-moss-soft);
	outline: none;
}

.dt-gm__filter {
	display: flex;
	gap: 8px;
	margin-bottom: 12px;
	overflow-x: auto;
	scrollbar-width: none;
}

.dt-gm__filter::-webkit-scrollbar {
	display: none;
}

.dt-gm__chip {
	flex: none;
	padding: 7px 14px;
	border: 1px solid var(--dt-line);
	border-radius: 999px;
	background: #fff;
	font-family: var(--dt-sans);
	font-size: 13.5px;
	line-height: 1.2;
	color: var(--dt-text);
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.dt-gm__chip:hover {
	border-color: var(--dt-moss);
	color: var(--dt-moss);
}

.dt-gm__chip.is-active {
	border-color: var(--dt-forest);
	background: var(--dt-forest);
	color: #fff;
}

.dt-gm__chip span {
	margin-left: 4px;
	opacity: .7;
}

.dt-gm__stage {
	position: relative;
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 14px;
	background: #16271d;
	touch-action: pan-y pinch-zoom;
}

.dt-gm__img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	transition: opacity .2s ease;
}

.dt-gm.is-loading .dt-gm__img {
	opacity: .35;
}

.dt-gm__count {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 5px 11px;
	border-radius: 999px;
	background: rgba(0, 0, 0, .5);
	font-size: 13px;
	font-weight: 600;
	color: #fff;
}

.dt-gm__nav {
	position: absolute;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-top: -23px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .92);
	box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
	color: var(--dt-ink);
	font-size: 26px;
	cursor: pointer;
	transition: transform .2s ease, background-color .2s ease;
}

.dt-gm__nav:hover,
.dt-gm__nav:focus-visible {
	background: #fff;
	transform: scale(1.06);
	outline: none;
}

.dt-gm__nav[hidden] {
	display: none;
}

.dt-gm__prev { left: 14px; }
.dt-gm__next { right: 14px; }

.dt-gm__caption {
	min-height: 22px;
	margin: 10px 2px 0;
	font-size: 14.5px;
	line-height: 1.45;
	color: var(--dt-text);
	text-align: center;
}

.dt-gm__thumbs {
	display: flex;
	gap: 8px;
	margin-top: 10px;
	padding: 4px 2px 6px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: thin;
}

.dt-gm__thumb {
	flex: none;
	width: 88px;
	height: 62px;
	padding: 0;
	overflow: hidden;
	border: 0;
	border-radius: 9px;
	background: #dfe3dc;
	opacity: .55;
	cursor: pointer;
	transition: opacity .2s ease, box-shadow .2s ease;
}

.dt-gm__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dt-gm__thumb:hover {
	opacity: .9;
}

.dt-gm__thumb.is-active {
	opacity: 1;
	box-shadow: 0 0 0 3px var(--dt-gold);
}

.dt-gm__thumb.is-out {
	display: none;
}

.dt-gm__thumb:focus-visible {
	outline: 2px solid var(--dt-moss);
	outline-offset: 2px;
}

@media (max-width: 575px) {
	.dt-album .dt-gallery { grid-auto-rows: 120px; }
	.dt-album__label { top: 10px; left: 10px; padding: 5px 10px; font-size: 11px; }
	.dt-album__open { right: 10px; bottom: 10px; padding: 9px 14px; font-size: 13px; }
	.dt-gm { padding: 8px; }
	.dt-gm__dialog { padding: 12px 12px 10px; border-radius: 14px; }
	.dt-gm__title { font-size: 18px; }
	.dt-gm__title small { display: block; margin: 2px 0 0; font-size: 13px; }
	.dt-gm__close { width: 38px; height: 38px; font-size: 16px; }
	.dt-gm__nav { width: 38px; height: 38px; margin-top: -19px; font-size: 22px; }
	.dt-gm__prev { left: 8px; }
	.dt-gm__next { right: 8px; }
	.dt-gm__caption { font-size: 13.5px; }
	.dt-gm__thumb { width: 64px; height: 48px; border-radius: 7px; }
}

/* hộp modal: chỉ khung ảnh lớn co giãn, các phần khác giữ nguyên chiều cao */
.dt-gm__head,
.dt-gm__filter,
.dt-gm__caption,
.dt-gm__thumbs {
	flex: none;
}

.dt-gm__stage {
	flex: 1 1 0;
}

.dt-gm__caption:empty {
	display: none;
}

/* Điện thoại: chip cao tối thiểu ~40px cho dễ bấm */
@media (max-width: 575px) {
	.dt-chip { padding-top: 9px; padding-bottom: 9px; }
	.dt-gm__chip { padding-top: 11px; padding-bottom: 11px; }
}

/* ============================== Gợi ý liên quan (nhiều khối, thẻ nhỏ) ============================== */

.dt-links-block + .dt-links-block {
	margin-top: 36px;
}

.dt-related--compact {
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.dt-related--compact .dt-related__body {
	padding: 12px 14px 14px;
}

.dt-related--compact .dt-related__title {
	font-size: 16px;
}

.dt-related--compact .dt-related__sub {
	margin-top: 4px;
	font-size: 13px;
	-webkit-line-clamp: 1;
}

@media (max-width: 991px) {
	.dt-related.dt-related--compact { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 575px) {
	.dt-related.dt-related--compact { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.dt-related--compact .dt-related__body { padding: 10px 11px 12px; }
	.dt-related--compact .dt-related__title { font-size: 15px; }
}

/* Cẩm nang: ảnh bìa là ảnh phong cảnh tự chọn, không cần làm mờ như ảnh bìa tin tức */
.dt-hero--article.dt-hero--guide .dt-hero__img {
	filter: none;
	transform: none;
}

.dt-hero--article.dt-hero--guide .dt-hero__shade {
	background: linear-gradient(180deg, rgba(16, 34, 24, .35) 0%, rgba(16, 34, 24, .7) 100%);
}

/* ============================== Chấm sao ở cột phải + khung viết đánh giá ============================== */
/* Du khách phản hồi không tìm thấy chỗ vote: khối chấm sao trong thẻ thông tin (rateBox) dẫn xuống #viet-danh-gia */

.dt-btn--vote {
	background: var(--dt-gold-text); /* chữ trắng trên nền này đạt tương phản 4,5 */
	color: #fff !important;
}

.dt-btn--vote:hover {
	background: #7a500b;
}

/* gọn 2 dòng giữa giá và danh sách thông tin: điểm + link "Viết đánh giá", rồi dải chấm sao */
.dt-rbox {
	padding: 14px 0 16px;
	border-bottom: 1px solid var(--dt-line);
}

.dt-info__price + .dt-rbox {
	margin-top: -6px;
}

.dt-rbox__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.dt-rbox__score {
	display: flex;
	align-items: center;
	gap: 9px;
	color: var(--dt-ink) !important;
	text-decoration: none !important;
}

.dt-rbox__num {
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: 24px;
	line-height: 1;
	color: var(--dt-forest);
}

.dt-rbox__meta {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.dt-rbox__meta .dt-stars {
	font-size: 12px;
	letter-spacing: 1px;
}

.dt-rbox__count {
	font-size: 12px;
	line-height: 1;
	color: var(--dt-muted);
}

a.dt-rbox__score:hover .dt-rbox__count {
	color: var(--dt-moss);
	text-decoration: underline;
}

.dt-rbox__none {
	font-size: 14px;
	font-weight: 600;
}

.dt-rbox__write {
	flex: none;
	font-size: 13px;
	font-weight: 600;
	color: var(--dt-gold-text) !important;
	white-space: nowrap;
}

.dt-rbox__write .fa {
	margin-right: 5px;
}

.dt-rbox__write:hover {
	text-decoration: underline !important;
}

/* dải chấm sao một dòng, nền kem vàng cho dễ thấy */
.dt-rbox__vote {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 12px;
	padding: 5px 8px 5px 12px;
	border-radius: 10px;
	background: var(--dt-gold-soft);
}

.dt-rbox__label {
	font-size: 13px;
	font-weight: 600;
	color: var(--dt-ink);
	white-space: nowrap;
}

/* sao bấm được: rê chuột tô vàng từ sao đầu tới sao đang trỏ */
.dt-rbox__stars {
	display: inline-flex;
	flex: none;
}

.dt-rbox__stars button {
	padding: 3px 2px;
	border: 0;
	background: none;
	font-size: 19px;
	line-height: 1;
	color: #d3c6a6;
	cursor: pointer;
	transition: color .15s ease, transform .15s ease;
}

.dt-rbox__stars:hover button {
	color: var(--dt-gold);
}

.dt-rbox__stars button:hover ~ button {
	color: #d3c6a6;
}

.dt-rbox__stars button:hover {
	transform: scale(1.18);
}

.dt-rbox__stars button:focus-visible {
	outline: 2px solid var(--dt-moss);
	outline-offset: 1px;
	border-radius: 4px;
}

/* khung viết đánh giá / mời đăng nhập, ngay dưới điểm tổng (trước danh sách đánh giá) */
.dt-write {
	margin-bottom: 26px;
	border-radius: var(--dt-radius);
	scroll-margin-top: 150px; /* chừa thanh menu + tiêu đề mục */
}

.dt-write .dt-review-form {
	margin-top: 0;
}

.dt-write.is-flash {
	animation: dt-flash 1.6s ease;
}

@keyframes dt-flash {
	0%, 100% { box-shadow: 0 0 0 0 rgba(192, 133, 38, 0); }
	25% { box-shadow: 0 0 0 6px rgba(192, 133, 38, .45); }
}

#danh-gia {
	scroll-margin-top: 150px;
}

.dt-login-cta {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	padding: 24px 26px;
	background: linear-gradient(135deg, #fffaf0 0%, var(--dt-gold-soft) 100%);
	border: 2px solid #e2c48a;
}

.dt-login-cta__icon {
	display: grid;
	flex: none;
	place-items: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--dt-gold);
	font-size: 25px;
	color: #fff;
}

.dt-login-cta__title {
	margin: 2px 0 8px;
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: 21px;
	line-height: 1.3;
	color: var(--dt-ink);
}

.dt-login-cta__text {
	margin: 0 0 16px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--dt-text);
}

@media (prefers-reduced-motion: reduce) {
	.dt-write.is-flash { animation: none; }
}

@media (max-width: 767px) {
	.dt-login-cta {
		flex-direction: column;
		gap: 12px;
		padding: 20px;
	}

	.dt-login-cta .dt-btn {
		width: 100%;
	}
}

/* styles/listing.css */
/*
 * Trang danh sách (lưu trú, ẩm thực, di chuyển, điểm đến, tour, sự kiện, tin tức).
 * Dùng chung biến màu, font và hero với detail.css (nạp detail.css trước file này).
 */

.dt-hero.dt-hero--list {
	min-height: 64vh;
}

.dt-hero--list .dt-hero__inner {
	padding-bottom: 96px;
}

/* phủ tối thêm phía trái, nơi đặt chữ */
.dt-hero--list .dt-hero__shade {
	background:
		linear-gradient(90deg, rgba(10, 22, 15, .66) 0%, rgba(10, 22, 15, .3) 50%, rgba(10, 22, 15, 0) 78%),
		linear-gradient(180deg, rgba(10, 22, 15, .5) 0%, rgba(10, 22, 15, 0) 28%),
		linear-gradient(0deg, rgba(10, 22, 15, .55) 0%, rgba(10, 22, 15, 0) 50%);
}

/* ---------- Thanh danh mục nổi trên mép ảnh bìa ---------- */

.dt-catnav-wrap {
	position: relative;
	z-index: 2;
	margin-top: -44px;
}

.dt-catnav {
	display: flex;
	gap: 4px;
	padding: 8px;
	overflow-x: auto;
	scrollbar-width: none;
	background: #fff;
	border: 1px solid var(--dt-line);
	border-radius: 18px;
	box-shadow: 0 12px 36px rgba(28, 53, 40, .12);
}

.dt-catnav::-webkit-scrollbar {
	display: none;
}

.dt-catnav a {
	flex: 1 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 56px;
	padding: 0 18px;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 500;
	white-space: nowrap;
	color: var(--dt-text) !important;
	text-decoration: none !important;
}

.dt-catnav a .fa {
	font-size: 17px;
	color: var(--dt-gold);
}

.dt-catnav a:hover {
	background: var(--dt-paper);
	color: var(--dt-forest) !important;
}

.dt-catnav a.is-active {
	background: var(--dt-forest);
	color: #fff !important;
}

.dt-catnav a.is-active .fa {
	color: #f1d9a8;
}

/* Màn 992-1199px (khung 960px): thu khoảng cách để 8 mục vừa một hàng, không phải cuộn ngang */
@media (min-width: 992px) and (max-width: 1199px) {
	.dt-catnav a {
		gap: 6px;
		padding: 0 10px;
		font-size: 14px;
	}
}

/* ---------- Thanh lọc / sắp xếp ---------- */

.dt-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px 24px;
	margin-bottom: 28px;
}

.dt-toolbar__count {
	font-family: var(--dt-serif);
	font-size: 22px;
	font-weight: 600;
	color: var(--dt-ink);
}

.dt-toolbar__count small {
	display: block;
	margin-top: 2px;
	font-family: var(--dt-sans);
	font-size: 14px;
	font-weight: 400;
	color: var(--dt-muted);
}

.dt-toolbar__tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.dt-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.dt-filter {
	padding: 8px 15px;
	border: 1px solid var(--dt-line);
	border-radius: 999px;
	background: #fff;
	font-family: var(--dt-sans);
	font-size: 14px;
	line-height: 1.2;
	color: var(--dt-text) !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.dt-filter:hover {
	border-color: var(--dt-moss);
	color: var(--dt-moss) !important;
}

.dt-filter.is-active {
	background: var(--dt-forest);
	border-color: var(--dt-forest);
	color: #fff !important;
}

.dt-sort {
	height: 40px;
	padding: 0 38px 0 15px;
	border: 1px solid var(--dt-line);
	border-radius: 999px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236f786f' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 15px center;
	font-family: var(--dt-sans);
	font-size: 14px;
	color: var(--dt-ink);
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;
}

.dt-sort:focus {
	border-color: var(--dt-moss);
}

/* ---------- Chú thích (vd. trang lịch trình: không bán tour) ---------- */

.dt-notice {
	display: flex;
	gap: 16px;
	margin: -8px 0 32px;
	padding: 20px 24px;
	border: 1px solid #ecdcb9;
	border-left: 3px solid var(--dt-gold);
	border-radius: 12px;
	background: var(--dt-gold-soft);
}

.dt-notice .fa {
	flex: 0 0 auto;
	margin-top: 4px;
	font-size: 18px;
	color: var(--dt-gold);
}

.dt-notice p {
	margin: 0;
	font-size: 15px;
	line-height: 1.75;
	color: var(--dt-text);
}

.dt-notice strong {
	font-weight: 600;
	color: var(--dt-ink);
}

/* ---------- Lưới thẻ ---------- */

.dt-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 26px 22px;
}

.dt-grid--2 {
	grid-template-columns: repeat(2, 1fr);
}

.dt-grid--1 {
	grid-template-columns: 1fr;
}

.dt-tile {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	color: inherit !important;
	text-decoration: none !important;
	transition: transform .35s ease, box-shadow .35s ease;
}

.dt-tile:hover {
	transform: translateY(-4px);
	box-shadow: 0 2px 4px rgba(28, 53, 40, .05), 0 18px 40px rgba(28, 53, 40, .12);
}

.dt-tile[hidden] {
	display: none;
}

.dt-tile__img {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #dfe3dc;
}

.dt-tile__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .7s ease;
}

.dt-tile:hover .dt-tile__img img {
	transform: scale(1.06);
}

.dt-badge {
	position: absolute;
	top: 14px;
	left: 14px;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .92);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	color: var(--dt-forest);
}

.dt-badge--muted {
	background: rgba(31, 42, 35, .8);
	color: #fff;
}

.dt-rating-chip {
	position: absolute;
	top: 14px;
	right: 14px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(28, 53, 40, .82);
	font-size: 13px;
	font-weight: 600;
	color: #fff;
}

.dt-rating-chip .fa {
	color: #f3c35b;
}

.dt-tile__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 18px 20px 20px;
}

.dt-tile__title {
	margin: 0;
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.35;
	color: var(--dt-ink);
}

.dt-tile:hover .dt-tile__title {
	color: var(--dt-moss);
}

.dt-tile__meta {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--dt-muted);
}

.dt-tile__meta--inline {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4px 18px;
}

.dt-tile__meta .fa {
	width: 16px;
	margin-right: 6px;
	text-align: center;
	color: var(--dt-gold);
}

.dt-tile__text {
	margin-top: 10px;
	font-size: 15px;
	line-height: 1.65;
	color: var(--dt-text);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dt-tile__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
	padding-top: 16px;
}

.dt-tile__price {
	font-family: var(--dt-serif);
	font-size: 18px;
	font-weight: 600;
	color: var(--dt-forest);
}

.dt-tile__price small {
	font-family: var(--dt-sans);
	font-size: 13px;
	font-weight: 400;
	color: var(--dt-muted);
}

.dt-tile__more {
	margin-left: auto;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	color: var(--dt-moss);
}

.dt-tile__more .fa {
	margin-left: 4px;
	transition: transform .25s ease;
}

.dt-tile:hover .dt-tile__more .fa {
	transform: translateX(3px);
}

/* thẻ ngang (tour, tin tức) */
.dt-tile--row {
	flex-direction: row;
}

.dt-tile--row .dt-tile__img {
	flex: 0 0 42%;
	aspect-ratio: auto;
	min-height: 340px;
}

/* ảnh phủ kín khung và không tham gia tính chiều cao: ảnh dọc không kéo dài thẻ,
   mọi thẻ cao tối thiểu 340px (đủ cho tiêu đề và dòng thời gian 2 dòng) nên danh sách đều nhau */
.dt-tile--row .dt-tile__img img {
	position: absolute;
	inset: 0;
}

.dt-tile--row .dt-tile__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* dòng địa điểm dài (nhiều chặng) chỉ hiện một dòng; min-width: 0 để phần chữ co
   theo khung thay vì bị dòng không xuống hàng đẩy tràn ra ngoài */
.dt-tile--row .dt-tile__body {
	min-width: 0;
}

.dt-tile--row .dt-tile__meta > span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dt-tile--row .dt-tile__body {
	padding: 26px 30px;
}

.dt-tile--row .dt-tile__title {
	font-size: 24px;
}

/* thẻ dọc phủ chữ (điểm đến) */
.dt-tile--poster {
	aspect-ratio: 3 / 4;
	border: 0;
	background: var(--dt-forest);
}

.dt-tile--poster .dt-tile__img {
	position: absolute;
	inset: 0;
	aspect-ratio: auto;
}

.dt-tile--poster .dt-tile__img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(10, 22, 15, .86) 0%, rgba(10, 22, 15, .28) 45%, rgba(10, 22, 15, 0) 70%);
}

.dt-tile--poster .dt-tile__body {
	position: relative;
	z-index: 1;
	justify-content: flex-end;
	padding: 26px 24px;
}

.dt-tile--poster .dt-tile__title,
.dt-tile--poster:hover .dt-tile__title {
	font-size: 26px;
	color: #fff;
}

.dt-tile--poster .dt-tile__text {
	margin-top: 8px;
	font-family: var(--dt-serif);
	font-style: italic;
	font-size: 16px;
	color: rgba(255, 255, 255, .86);
	-webkit-line-clamp: 2;
}

.dt-tile--poster .dt-tile__more {
	margin: 14px 0 0;
	color: #f1d9a8;
}

/* lịch nhỏ trên thẻ sự kiện */
.dt-date {
	position: absolute;
	left: 14px;
	bottom: 14px;
	min-width: 62px;
	padding: 8px 10px 9px;
	border-radius: 12px;
	background: #fff;
	text-align: center;
	line-height: 1;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .15);
}

.dt-date__day {
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: 26px;
	color: var(--dt-forest);
}

.dt-date__month {
	margin-top: 5px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--dt-gold);
}

.dt-noresult {
	grid-column: 1 / -1;
}

.dt-chip.is-active {
	background: var(--dt-forest);
	border-color: var(--dt-forest);
	color: #fff !important;
}

/* ---------- Phân trang ---------- */

.dt-pager {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 44px;
}

.dt-pager a,
.dt-pager span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 14px;
	border: 1px solid var(--dt-line);
	border-radius: 999px;
	background: #fff;
	font-size: 15px;
	font-weight: 500;
	color: var(--dt-text) !important;
	text-decoration: none !important;
}

.dt-pager a:hover {
	border-color: var(--dt-moss);
	color: var(--dt-moss) !important;
}

.dt-pager .is-current {
	background: var(--dt-forest);
	border-color: var(--dt-forest);
	color: #fff !important;
}

/* ---------- Khung góp ý (form contact-form cũ, khoác áo mới) ---------- */

.dt-feedback {
	display: grid;
	grid-template-columns: 1fr 1.4fr;
	gap: 36px;
	align-items: center;
	margin-top: 72px;
	padding: 40px 44px;
	border-radius: 18px;
	background: var(--dt-forest);
	color: #fff;
}

.dt-feedback__title {
	margin: 0;
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: 28px;
	line-height: 1.35;
	color: #fff;
}

.dt-feedback__text {
	margin: 12px 0 0;
	font-size: 16px;
	line-height: 1.7;
	color: rgba(255, 255, 255, .78);
}

.dt-feedback .search_panel.feedback_panel {
	display: block !important;
	width: auto;
	height: auto;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.dt-feedback .feedback_panel .feedback_head {
	display: none;
}

.dt-feedback .feedback_panel .feedback_fields {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	gap: 10px;
}

.dt-feedback .feedback_panel .feedback_input {
	height: 48px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 10px;
	background: rgba(255, 255, 255, .08);
	font-family: var(--dt-sans);
	font-size: 15px;
	color: #fff;
}

.dt-feedback .feedback_panel .feedback_input::placeholder {
	color: rgba(255, 255, 255, .6);
}

.dt-feedback .feedback_panel .feedback_input:focus {
	border-color: #f1d9a8;
	background: rgba(255, 255, 255, .12);
	box-shadow: none;
}

.dt-feedback .feedback_panel textarea.feedback_input {
	grid-column: 1 / -1;
	height: 96px !important;
	resize: vertical !important;
}

.dt-feedback .feedback_panel .feedback_button {
	grid-column: 1 / -1;
	justify-self: start;
	width: auto !important;
	height: 48px;
	padding: 0 30px;
	border-radius: 999px;
	background: var(--dt-gold);
	font-family: var(--dt-sans);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}

.dt-feedback .feedback_panel .feedback_button:hover {
	background: #a8721d;
	opacity: 1;
}

/* ---------- Responsive ---------- */

@media (max-width: 991px) {
	.dt-grid { grid-template-columns: repeat(2, 1fr); }
	.dt-grid--1 { grid-template-columns: 1fr; }
	.dt-tile--row .dt-tile__img { flex-basis: 40%; }
	.dt-tile--row .dt-tile__body { padding: 22px 24px; }
	.dt-tile--row .dt-tile__title { font-size: 21px; }
	.dt-feedback { grid-template-columns: 1fr; gap: 24px; padding: 34px 30px; }
}

@media (max-width: 767px) {
	.dt-tile--row { flex-direction: column; }
	.dt-tile--row .dt-tile__img { flex-basis: auto; aspect-ratio: 16 / 10; min-height: 0; }
	.dt-grid--2 { grid-template-columns: 1fr; }
}

@media (max-width: 575px) {
	.dt-hero.dt-hero--list { min-height: 54vh; }
	.dt-hero--list .dt-hero__inner { padding-bottom: 80px; }
	.dt-catnav-wrap { margin-top: -36px; }
	.dt-catnav a { min-height: 48px; padding: 0 14px; font-size: 14px; }
	.dt-grid { grid-template-columns: 1fr; gap: 20px; }
	.dt-tile--poster { aspect-ratio: 4 / 5; }
	.dt-toolbar { flex-direction: column; align-items: stretch; }
	.dt-toolbar__tools { flex-direction: column; align-items: stretch; }
	.dt-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
	.dt-filter { flex: 0 0 auto; }
	.dt-sort { width: 100%; }
	.dt-feedback { padding: 30px 22px; }
	.dt-feedback__title { font-size: 23px; }
	.dt-feedback .feedback_panel .feedback_fields { grid-template-columns: 1fr !important; }
	.dt-feedback .feedback_panel .feedback_button { width: 100% !important; }
}

/* Điện thoại: chip lọc khu vực cao tối thiểu ~40px cho dễ bấm */
@media (max-width: 575px) {
	.dt-filter { padding-top: 11px; padding-bottom: 11px; }
}

/* Khối "Kinh nghiệm" + "Câu hỏi thường gặp" cuối trang danh sách (listing :: guide) */
.dt-guide {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
	gap: 56px;
	margin-top: 64px;
	padding-top: 48px;
	border-top: 1px solid var(--dt-line);
}

.dt-guide__title {
	margin: 6px 0 18px;
	font-family: var(--dt-serif);
	font-weight: 600;
	font-size: 26px;
	line-height: 1.35;
	color: var(--dt-ink);
}

.dt-guide__text h3 {
	margin: 26px 0 8px;
	font-size: 18px;
	line-height: 1.45;
	color: var(--dt-ink);
}

.dt-guide__text ul {
	padding-left: 20px;
}

.dt-guide__text li + li {
	margin-top: 8px;
}

.dt-guide__faq {
	align-self: start;
}

.dt-faq {
	border-bottom: 1px solid var(--dt-line);
}

.dt-faq summary {
	position: relative;
	padding: 16px 32px 16px 0;
	list-style: none;
	cursor: pointer;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	color: var(--dt-ink);
}

.dt-faq summary::-webkit-details-marker {
	display: none;
}

.dt-faq summary::after {
	content: "+";
	position: absolute;
	top: 13px;
	right: 4px;
	font-size: 22px;
	line-height: 1;
	color: var(--dt-moss);
}

.dt-faq[open] summary::after {
	content: "\2013";
}

.dt-faq summary:focus-visible {
	outline: 2px solid var(--dt-moss);
	outline-offset: 2px;
}

.dt-faq__a {
	padding: 0 0 18px;
	font-size: 15px;
	line-height: 1.7;
	color: var(--dt-text);
}

.dt-faq__a a,
.dt-guide__text a {
	color: var(--dt-moss);
	text-decoration: underline;
	text-underline-offset: 2px;
}

@media (max-width: 991px) {
	.dt-guide {
		grid-template-columns: 1fr;
		gap: 36px;
		margin-top: 48px;
		padding-top: 36px;
	}

	.dt-guide__title {
		font-size: 23px;
	}
}

/* styles/header.css */
/* Thanh menu, menu điện thoại, nút liên hệ nổi, khung tìm kiếm, toast (elements/topbar.html).
   Trước đây là <style> trong topbar, lặp lại trong HTML mọi trang; nay là file riêng để trình duyệt cache.
   Link ở CUỐI <head> của mỗi trang: giữ thứ tự CSS như khi còn nằm trong <body> (đè CSS của trang). */

/*********************************
15. Toast Notification
*********************************/

.toast-container {
	position: fixed;
	top: 120px;
	right: 30px;
	z-index: 99999;
}

/* Custom premium toast styles */
.toast {
	display: none;
	min-width: 300px;
	max-width: 400px;
	background-color: #ffffff;
	border: none;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	opacity: 0;
	transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	overflow: hidden;
	transform: translateY(-20px);
}

.toast[style*="display: block"] {
	transform: translateY(0);
}

.toast-header {
	display: flex;
	align-items: center;
	padding: 12px 20px;
	background: linear-gradient(to right, #e0a030, #2e7d4f);
	color: #ffffff;
	border-bottom: none;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.toast-header .close {
	color: #ffffff;
	opacity: 0.8;
	text-shadow: none;
	margin-left: auto;
	padding: 0;
	background: transparent;
	border: 0;
	float: none;
	font-size: 20px;
	line-height: 1;
	transition: opacity 0.2s;
	outline: none;
}

.toast-header .close:hover {
	opacity: 1;
	color: #fff;
}

.toast-body {
	padding: 20px;
	font-size: 15px;
	color: #555;
	font-weight: 500;
	line-height: 1.5;
	border-left: 4px solid #e0a030;
}

/* Error state styling specific if needed, 
but text-danger class on title is handled by JS.
We can enhance it here too if title has text-danger class. 
*/
#toastTitle.text-danger {
	color: #ffeaea !important;
	/* Lighter red/white for visibility on gradient */
}

/* Optional: Add a slight shake animation for errors if desired, 
but keeping it clean is better for 'premium' look. 
*/

/*********************************
Logo "Du lịch Bình Liêu" (header, footer, menu điện thoại)
Ảnh logo gộp hình núi sóng và chữ: /images/logo.svg
*********************************/

.logo a.brand {
	display: inline-block;
	line-height: 0;
}

.logo a.brand img {
	width: auto;
	height: 66px;
	margin: 0;
	transform: none;
}

.header.scrolled .logo a.brand img {
	height: 58px;
}

.footer_logo .logo a.brand img {
	width: auto;
	height: 80px;
}

.menu .menu_logo a img.logo_img {
	width: auto !important;
	height: 72px;
}

/*********************************
Menu chính (đã bỏ thanh trên cùng): logo | 6 mục | tài khoản
*********************************/

.main_nav_col {
	height: 116px;
}

.header.scrolled .main_nav_col {
	height: 84px;
}

.logo_container {
	transform: none;
}

.main_nav_container {
	margin-right: 0;
}

.main_nav_item {
	margin-right: 34px;
}

.main_nav_item a {
	white-space: nowrap;
}

/* chỉ link cấp một (không tô vàng cả các link trong menu con) */
.main_nav_item.active > a,
.main_nav_item.active > .main_nav_group_btn {
	color: #e0a030;
}

.main_nav_item.active::after {
	opacity: 1;
}

.menu .menu_item.active a {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
}

/* ---- Menu con "Lên kế hoạch" (Cẩm nang, Lịch trình, Di chuyển, HDV, Thời tiết, Bản đồ) ---- */
.main_nav_group_btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0;
	line-height: inherit;
	vertical-align: baseline;
	border: 0;
	background: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
}

.main_nav_group_btn svg {
	transition: transform .2s ease;
}

.main_nav_sub {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 30;
	width: 300px;
	margin: 0;
	padding: 8px;
	list-style: none;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 16px 40px rgba(16, 34, 24, .22);
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, 18px);
	transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}

/* cầu nối vô hình giữa nút và menu con để rê chuột xuống không bị đóng */
.main_nav_sub::before {
	position: absolute;
	top: -22px;
	left: 0;
	right: 0;
	height: 22px;
	content: '';
}

.main_nav_group:hover .main_nav_sub,
.main_nav_group:focus-within .main_nav_sub,
.main_nav_group.open .main_nav_sub {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 12px);
	transition: opacity .18s ease, transform .18s ease;
}

.main_nav_group:hover .main_nav_group_btn svg,
.main_nav_group.open .main_nav_group_btn svg {
	transform: rotate(180deg);
}

.main_nav_sub a {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	color: #1f3d2b;
	text-transform: none;
	white-space: normal;
}

.main_nav_sub a:hover,
.main_nav_sub a:focus-visible,
.main_nav_sub li.active a {
	background: #f3efe5;
	color: #1f3d2b;
	text-decoration: none;
}

.main_nav_sub .fa {
	width: 18px;
	margin-top: 2px;
	font-size: 16px;
	text-align: center;
	color: #c08a2a;
}

.main_nav_sub small {
	display: block;
	margin-top: 2px;
	font-size: 12.5px;
	font-weight: 400;
	color: #6b746d;
}

/* các li con không mang hiệu ứng gạch chân của mục cấp một */
.main_nav_sub li::after {
	display: none;
}

/* Menu điện thoại: tiêu đề nhóm */
.menu .menu_group_title {
	margin: 18px 0 4px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .6);
}

/* Nút tài khoản */
.nav_account {
	margin-left: 34px;
	position: relative;
}

.main_nav_col .hamburger {
	margin-left: 16px !important;
}

.nav_account_btn {
	display: flex;
	align-items: center;
	color: #ffffff;
	text-decoration: none;
	transition: all 200ms ease;
}

.nav_account_btn:hover,
.nav_account_btn:focus {
	color: #ffffff;
	text-decoration: none;
}

.nav_account_guest {
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1.5px solid rgba(255, 255, 255, 0.7);
}

.nav_account_guest:hover,
.nav_account.show .nav_account_guest {
	background: #e0a030;
	border-color: #e0a030;
}

.nav_account_user {
	padding: 3px 12px 3px 3px;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.25);
}

.nav_account_user:hover,
.nav_account.show .nav_account_user {
	background: rgba(255, 255, 255, 0.22);
}

.nav_account_avatar {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #e0a030;
	flex-shrink: 0;
}

.nav_account_initial {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #2e7d4f;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
}

.nav_account_name {
	margin-left: 9px;
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
}

.nav_account_caret {
	margin-left: 6px;
	font-size: 14px;
	transition: transform 200ms ease;
}

.nav_account.show .nav_account_caret {
	transform: rotate(180deg);
}

.nav_account_menu {
	min-width: 230px;
	margin-top: 12px;
	padding: 8px 0;
	border: none;
	border-radius: 12px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
	font-family: 'Open Sans', sans-serif;
}

.nav_account_menu::before {
	content: '';
	position: absolute;
	top: -6px;
	right: 14px;
	width: 12px;
	height: 12px;
	background: #ffffff;
	transform: rotate(45deg);
}

.nav_account_head {
	padding: 8px 18px 10px;
}

.nav_account_head_title {
	font-size: 15px;
	font-weight: 700;
	color: #1f3d2b;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nav_account_head_sub {
	margin-top: 2px;
	font-size: 12px;
	line-height: 1.45;
	color: #777777;
	white-space: normal;
}

.nav_account_cta {
	display: block;
	margin: 4px 18px 8px;
	padding: 9px 0;
	border-radius: 22px;
	background: #2e7d4f;
	color: #ffffff !important;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
	transition: background 200ms ease;
}

.nav_account_cta:hover {
	background: #1f3d2b;
}

.nav_account_menu .dropdown-item {
	display: flex;
	align-items: center;
	padding: 9px 18px;
	font-size: 14px;
	color: #2d2c2c;
}

.nav_account_menu .dropdown-item i {
	width: 22px;
	color: #2e7d4f;
	font-size: 15px;
}

.nav_account_menu .dropdown-item:hover,
.nav_account_menu .dropdown-item:focus {
	background: #f1f7f3;
	color: #1f3d2b;
}

@media only screen and (max-width: 1199px) {
	.main_nav_item {
		margin-right: 22px;
	}

	.nav_account {
		margin-left: 24px;
	}

	.nav_account_name {
		max-width: 90px;
	}
}

/* Điện thoại / máy tính bảng: menu ẩn vào nút ☰, nút tài khoản nằm cạnh nút ☰ */
@media only screen and (max-width: 991px) {
	.nav_account {
		margin-left: auto;
	}

	.nav_account_name,
	.nav_account_caret {
		display: none;
	}

	.nav_account_user {
		padding: 0;
		background: none;
		border: none;
	}
}

@media only screen and (max-width: 575px) {
	.logo a.brand img,
	.header.scrolled .logo a.brand img {
		height: 44px;
	}

	.menu .menu_logo a img.logo_img {
		height: 60px;
	}

	.main_nav_col,
	.header.scrolled .main_nav_col {
		height: 60px;
	}

	.nav_account_guest {
		width: 34px;
		height: 34px;
	}

	.nav_account_guest svg {
		width: 17px;
		height: 17px;
	}

	.nav_account_avatar {
		width: 32px;
		height: 32px;
	}
}

/*********************************
Nút liên hệ nổi (Zalo / Messenger / gọi điện)
*********************************/

.contact_dock {
	position: fixed;
	right: 18px;
	bottom: 22px;
	z-index: 9990;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.contact_dock_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	color: #ffffff !important;
	text-decoration: none !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
	transition: transform 200ms ease, box-shadow 200ms ease;
}

.contact_dock_btn:hover,
.contact_dock_btn:focus {
	transform: translateY(-2px) scale(1.05);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
	outline: none;
}

.contact_dock_zalo {
	background: #0068ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.2px;
}

.contact_dock_messenger {
	background: linear-gradient(45deg, #0a7cff 0%, #a033ff 60%, #ff5c87 100%);
}

.contact_dock_phone {
	background: #2e7d4f;
	font-size: 22px;
}

/* nút gọi rung nhẹ để dễ thấy */
.contact_dock_phone i {
	animation: contact_dock_ring 2.4s ease-in-out infinite;
}

@keyframes contact_dock_ring {
	0%, 70%, 100% { transform: rotate(0); }
	75%, 85% { transform: rotate(-14deg); }
	80%, 90% { transform: rotate(14deg); }
}

@media (prefers-reduced-motion: reduce) {
	.contact_dock_phone i { animation: none; }
}

@media only screen and (max-width: 575px) {
	.contact_dock {
		right: 12px;
		bottom: 16px;
		gap: 10px;
	}

	.contact_dock_btn {
		width: 46px;
		height: 46px;
	}

	.contact_dock_zalo {
		font-size: 13px;
	}
}

.contact_dock_more {
	display: flex;
	flex-direction: column;
	gap: inherit;
}

.contact_dock_toggle {
	display: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	background: #2e7d4f;
	font-size: 22px;
}

.contact_dock_toggle_off,
.contact_dock.expanded .contact_dock_toggle_on {
	display: none;
}

.contact_dock.expanded .contact_dock_toggle_off {
	display: inline;
}

/* Điện thoại: chỉ hiện BL-AI và một nút Liên hệ; bấm Liên hệ mới bung Zalo / Messenger / gọi điện */
@media only screen and (max-width: 767px) {
	.contact_dock_toggle {
		display: flex;
	}

	.contact_dock_more {
		display: none;
	}

	.contact_dock.expanded .contact_dock_more {
		display: flex;
		animation: contact_dock_pop 160ms ease-out;
	}
}

@keyframes contact_dock_pop {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	.contact_dock.expanded .contact_dock_more { animation: none; }
}

/* Zalo / gọi điện có 2 số admin: bấm nút mở menu nhỏ bên trái để chọn số */
.contact_dock_item {
	position: relative;
}

button.contact_dock_btn {
	border: 0;
	padding: 0;
	cursor: pointer;
}

.contact_dock_menu {
	position: absolute;
	right: calc(100% + 12px);
	top: 50%;
	transform: translateY(-50%);
	display: none;
	flex-direction: column;
	min-width: 190px;
	padding: 6px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
}

.contact_dock_item.open .contact_dock_menu {
	display: flex;
}

.contact_dock_menu a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 600;
	color: #1f3d2b !important;
	text-decoration: none !important;
	white-space: nowrap;
}

.contact_dock_menu a:hover,
.contact_dock_menu a:focus {
	background: #f0f5f1;
	outline: none;
}

.contact_dock_menu small {
	display: block;
	font-size: 11px;
	font-weight: 500;
	color: #6f786f;
}

/* khung tìm kiếm đang mở thì ẩn nút liên hệ cho đỡ rối */
body.site_search_open .contact_dock,
body:has(.menu.active) .contact_dock {
	display: none;
}

/*********************************
Tìm kiếm toàn trang
*********************************/

.nav_search_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-left: 34px;
	padding: 0;
	border-radius: 50%;
	border: 1.5px solid rgba(255, 255, 255, 0.7);
	background: transparent;
	color: #ffffff;
	cursor: pointer;
	transition: all 200ms ease;
}

.nav_search_btn:hover,
.nav_search_btn:focus {
	background: #e0a030;
	border-color: #e0a030;
	outline: none;
}

.nav_search_btn + .nav_account {
	margin-left: 12px;
}

.site_search {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
	background: rgba(10, 22, 15, 0.55);
	padding: 90px 16px 16px;
}

.site_search.open {
	display: block;
}

.site_search_box {
	max-width: 680px;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 16px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.site_search_form {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e6e0d2;
}

.site_search_form .fa-search {
	padding-left: 20px;
	color: #6f786f;
	font-size: 18px;
}

.site_search_form input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: none;
	padding: 18px 14px;
	font-size: 17px;
	color: #1f2a23;
}

.site_search_close {
	border: 0;
	background: none;
	padding: 0 20px;
	font-size: 26px;
	line-height: 1;
	color: #6f786f;
	cursor: pointer;
}

.site_search_results {
	max-height: calc(100vh - 220px);
	overflow-y: auto;
}

.site_search_results:empty {
	display: none;
}

.site_search_group {
	padding: 6px 0;
}

.site_search_group + .site_search_group {
	border-top: 1px solid #efeadf;
}

.site_search_group_label {
	padding: 8px 20px 4px;
	font-size: 12px;
	font-weight: 600;
	color: #c08526;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.site_search_item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 7px 20px;
	color: #1f2a23;
	text-decoration: none;
}

.site_search_item:hover,
.site_search_item.active,
.site_search_more:hover,
.site_search_more.active {
	background: #f7f4ec;
	color: #1f2a23;
	text-decoration: none;
}

.site_search_item img,
.site_search_item .site_search_noimg {
	flex: 0 0 44px;
	width: 44px;
	height: 33px;
	border-radius: 6px;
	object-fit: cover;
	background: #e6efe8;
}

.site_search_more {
	display: block;
	padding: 6px 20px 6px 76px;
	font-size: 13px;
	color: #2e6b4a;
	text-decoration: none;
}

.site_search_item_title {
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.site_search_item_title {
	min-width: 0;
}

.site_search_all,
.site_search_msg {
	display: block;
	padding: 14px 20px;
	font-size: 14px;
	border-top: 1px solid #e6e0d2;
}

.site_search_all {
	color: #2e6b4a;
	font-weight: 600;
}

.site_search_msg {
	color: #6f786f;
}

@media only screen and (max-width: 991px) {
	.nav_search_btn {
		margin-left: auto;
	}

	.nav_search_btn + .nav_account {
		margin-left: 10px;
	}
}

@media only screen and (max-width: 575px) {
	.nav_search_btn {
		width: 34px;
		height: 34px;
	}

	.site_search {
		padding: 12px;
	}
}

/*********************************
Truy cập bằng bàn phím / màn hình nhỏ
*********************************/

/* Link "Bỏ qua, tới nội dung chính": ẩn khỏi màn hình, chỉ hiện khi được focus bằng Tab */
.skip_link {
	position: fixed;
	top: 8px;
	left: 8px;
	z-index: 100000;
	padding: 10px 16px;
	border-radius: 6px;
	background: #ffffff;
	color: #1f3d2b;
	font-weight: 600;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	transform: translateY(-200%);
}

.skip_link:focus {
	transform: none;
	color: #1f3d2b;
	text-decoration: none;
}

/* Nút ☰ và nút đóng menu là <button> (bàn phím, trình đọc màn hình dùng được): bỏ kiểu mặc định của nút
   để trông như <div> cũ */
button.hamburger,
button.menu_close_container {
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	-webkit-appearance: none;
	appearance: none;
}

/* nút đóng: con nằm ở mép trên như div cũ (button mặc định căn giữa theo chiều dọc), dấu × giữ nguyên chỗ */
button.menu_close_container {
	display: flex;
	align-items: flex-start;
}

.menu_close_container .menu_close {
	display: block;
	flex: none;
}

/* bấm chuột không hiện viền focus (Bootstrap reboot thêm cho button:focus); bàn phím thì có, xem dưới */
button.hamburger:focus:not(:focus-visible),
button.menu_close_container:focus:not(:focus-visible) {
	outline: none;
}

/* Viền focus khi dùng bàn phím: nhiều CSS cũ đặt outline: none nên cần !important; chỉ áp cho :focus-visible
   nên bấm chuột trông như cũ. Ô nhập chữ có viền / đổi màu khi focus riêng nên không áp ở đây. */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible,
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible {
	outline: 2px solid #2e6b4a !important;
	outline-offset: 2px;
}

/* nền tối (menu điện thoại, footer, nút nổi): viền màu sáng cho dễ thấy */
.menu a:focus-visible,
.menu button:focus-visible,
.footer a:focus-visible,
.main_nav a:focus-visible,
.main_nav button:focus-visible {
	outline-color: #f1d9a8 !important;
}

/* Điện thoại: vùng bấm tối thiểu ~40x40px. Nút nhỏ hơn thì nới vùng bấm bằng ::before trong suốt, không đổi
   kích thước hay vị trí của nút trên màn hình. */
@media only screen and (max-width: 575px) {
	.hamburger,
	.nav_search_btn,
	.nav_account_btn {
		position: relative;
	}

	.hamburger::before,
	.nav_search_btn::before,
	.nav_account_btn::before,
	.menu_close_container::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 44px;
		height: 44px;
		transform: translate(-50%, -50%);
	}

	/* chip "tags" ở footer: cao 33px -> 40px */
	.tag_item a {
		line-height: 40px;
	}

	/* ảnh bài viết ở footer: link bao trọn ảnh 60x60 */
	.footer_blog_image a {
		display: block;
	}

	/* số điện thoại, email, website ở footer */
	.contact_info_text a {
		display: inline-block;
		padding: 11px 0;
	}
}

/* styles/chatbot.css */
/*
 * Khung chat trợ lý du lịch (js/chatbot.js). Nút mở nằm trong cụm nút liên hệ nổi (topbar.html).
 * Mọi class có tiền tố "blc-" để không đụng style cũ.
 */
.blc {
	--blc-forest: #1c3528;
	--blc-moss: #2e6b4a;
	--blc-moss-soft: #e6efe8;
	--blc-paper: #f7f4ec;
	--blc-ink: #1f2a23;
	--blc-muted: #59635a;
	--blc-line: #e6e0d2;
	--blc-gold: #c08526;
	--blc-gold-soft: #f6ead3;
	position: fixed;
	right: 84px;
	bottom: 22px;
	z-index: 9995;
	width: 370px;
	height: min(600px, calc(100vh - 120px));
	display: none;
	flex-direction: column;
	background: var(--blc-paper);
	border-radius: 16px;
	box-shadow: 0 12px 40px rgba(28, 53, 40, .25);
	overflow: hidden;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: var(--blc-ink);
}

.blc.open {
	display: flex;
}

.blc-head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	background: var(--blc-forest);
	color: #fff;
}

.blc-head-text {
	flex: 1;
	min-width: 0;
}

.blc-title {
	font-weight: 700;
	font-size: 15px;
}

.blc-sub {
	font-size: 11.5px;
	opacity: .75;
}

.blc-icon-btn {
	border: 0;
	background: transparent;
	color: inherit;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	cursor: pointer;
	font-size: 20px;
	line-height: 1;
}

.blc-icon-btn:hover,
.blc-icon-btn:focus-visible {
	background: rgba(255, 255, 255, .14);
	outline: none;
}

.blc-body {
	flex: 1;
	overflow-y: auto;
	padding: 14px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.blc-msg {
	max-width: 88%;
	padding: 9px 12px;
	border-radius: 14px;
	word-wrap: break-word;
	white-space: normal;
}

.blc-msg.bot {
	align-self: flex-start;
	background: #fff;
	border: 1px solid var(--blc-line);
	border-bottom-left-radius: 4px;
}

.blc-msg.user {
	align-self: flex-end;
	background: var(--blc-moss);
	color: #fff;
	border-bottom-right-radius: 4px;
}

.blc-msg a {
	color: var(--blc-moss);
	font-weight: 600;
	text-decoration: underline;
}

.blc-msg ul {
	margin: 4px 0;
	padding-left: 18px;
}

.blc-msg li {
	margin: 2px 0;
	list-style: disc;
}

.blc-links {
	margin-top: 6px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.blc-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.blc-chip {
	border: 1px solid var(--blc-gold);
	background: var(--blc-gold-soft);
	color: var(--blc-ink);
	border-radius: 999px;
	padding: 5px 11px;
	font-size: 13px;
	cursor: pointer;
	text-align: left;
}

.blc-chip:hover,
.blc-chip:focus-visible {
	background: #efdcb8;
	outline: none;
}

/* đang trả lời: ba chấm nhảy kèm bước đang làm, rồi chữ hiện dần với con trỏ nhấp nháy (chatbot.js paintLive) */
.blc-typing {
	align-self: flex-start;
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--blc-muted);
	font-size: 13px;
	font-style: italic;
}

.blc-dots {
	display: inline-flex;
	gap: 4px;
	padding: 9px 12px;
	background: #fff;
	border: 1px solid var(--blc-line);
	border-radius: 14px;
	border-bottom-left-radius: 4px;
}

.blc-dots i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--blc-moss);
	opacity: .35;
	animation: blc-dot 1.1s infinite ease-in-out;
}

.blc-dots i:nth-child(2) { animation-delay: .15s; }
.blc-dots i:nth-child(3) { animation-delay: .3s; }

@keyframes blc-dot {
	0%, 60%, 100% { opacity: .35; transform: translateY(0); }
	30% { opacity: 1; transform: translateY(-3px); }
}

.blc-caret {
	display: inline-block;
	width: 7px;
	height: 1em;
	margin-left: 2px;
	vertical-align: -2px;
	background: var(--blc-moss);
	border-radius: 1px;
	animation: blc-caret 1s steps(1) infinite;
}

/* con trỏ nằm sau danh sách thì kéo lên cuối dòng gạch đầu dòng cuối cho gọn */
.blc-live ul + .blc-caret {
	margin-top: -4px;
}

@keyframes blc-caret {
	50% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.blc-dots i,
	.blc-caret {
		animation: none;
		opacity: 1;
	}
}

/* thanh nhập kiểu Messenger: ô bo tròn tự giãn theo nội dung (chatbot.js fit()), nút gửi tròn bám đáy */
.blc-foot {
	display: flex;
	align-items: flex-end;
	gap: 8px;
	padding: 10px 10px 8px 12px;
	border-top: 1px solid var(--blc-line);
	background: #fff;
}

.blc-input {
	flex: 1;
	box-sizing: border-box;
	min-height: 38px;
	max-height: 140px;
	resize: none;
	overflow-y: hidden;
	border: 1px solid transparent;
	border-radius: 19px;
	padding: 8px 14px;
	background: #eef2ee;
	font: inherit;
	line-height: 20px;
	color: var(--blc-ink);
	transition: background-color 150ms ease, border-color 150ms ease;
	scrollbar-width: thin;
}

/* chỉ hiện thanh cuộn khi đã giãn tối đa */
.blc-input.blc-input-scroll {
	overflow-y: auto;
}

.blc-input::placeholder {
	color: #7d877f;
}

.blc-input:focus {
	outline: none;
	background: #fff;
	border-color: var(--blc-moss);
}

.blc-send {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--blc-moss);
	color: #fff;
	cursor: pointer;
	transition: background-color 150ms ease, transform 150ms ease;
}

.blc-send svg {
	margin-left: 2px; /* mũi máy bay giấy nhìn cân giữa hơn */
}

.blc-send:hover:not(:disabled),
.blc-send:focus-visible {
	background: var(--blc-forest);
	outline: none;
}

.blc-send:active:not(:disabled) {
	transform: scale(.92);
}

.blc-send:disabled {
	background: #c9d3cc;
	cursor: default;
}

/* số ký tự còn lại, chỉ hiện khi gần giới hạn */
.blc-count {
	padding: 0 14px 4px;
	background: #fff;
	font-size: 12px;
	color: var(--blc-muted);
	text-align: right;
}

.blc-count.full {
	color: #b3412e;
	text-align: left;
}

.blc-note {
	font-size: 11px;
	color: var(--blc-muted);
	text-align: center;
	padding: 0 10px 8px;
	background: #fff;
}

/* nút mở trong cụm nút liên hệ */
.contact_dock_ai {
	background: radial-gradient(circle at 30% 25%, #24584c, #0b1f1a 72%);
	box-shadow: 0 0 0 2px rgba(95, 245, 210, .45), 0 6px 18px rgba(0, 0, 0, .25);
}

/* robot vừa bay vào: nút nảy lên, toả vòng sáng */
.contact_dock_ai.blc-landed {
	animation: blc-pop 600ms cubic-bezier(.3, 1.6, .5, 1), blc-ring 1.2s ease-out;
}

@keyframes blc-pop {
	0% { transform: scale(.7); }
	60% { transform: scale(1.18); }
	100% { transform: scale(1); }
}

@keyframes blc-ring {
	0% { box-shadow: 0 0 0 2px rgba(95, 245, 210, .9), 0 6px 18px rgba(0, 0, 0, .25); }
	100% { box-shadow: 0 0 0 24px rgba(95, 245, 210, 0), 0 6px 18px rgba(0, 0, 0, .25); }
}

/*********************************
 Lời chào lần đầu: robot BL-AI vẫy tay cạnh hộp thoại
 *********************************/
.blc-welcome {
	position: fixed;
	inset: 0;
	z-index: 9996;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #1f2a23;
}

.blc-w-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(28, 53, 40, .45);
	opacity: 0;
	transition: opacity 300ms ease;
}

.blc-w-stage {
	position: relative;
	display: flex;
	align-items: flex-end;
	gap: 6px;
	max-width: 600px;
	width: 100%;
	justify-content: center;
}

.blc-mascot {
	flex: none;
	width: 170px;
	height: 212px;
	opacity: 0;
	transform: translateY(40px) scale(.6);
	transition: opacity 350ms ease, transform 550ms cubic-bezier(.3, 1.5, .5, 1);
}

.blc-mascot svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.blc-mascot-bob {
	width: 100%;
	height: 100%;
	animation: blc-bob 2.6s ease-in-out infinite alternate;
}

/* vẫy tay, chớp mắt, đèn ăng-ten / lõi ngực / luồng đẩy / sóng tín hiệu nhấp nháy */
.blc-m-arm {
	transform-box: view-box;
	transform-origin: 124px 112px;
	animation: blc-wave .9s ease-in-out infinite alternate;
}

.blc-m-eyes {
	transform-box: fill-box;
	transform-origin: center;
	animation: blc-blink 4s infinite;
}

.blc-m-bulb,
.blc-m-core {
	transform-box: fill-box;
	transform-origin: center;
	animation: blc-glow 1.4s ease-in-out infinite alternate;
}

.blc-m-jet {
	transform-box: fill-box;
	transform-origin: 50% 0;
	animation: blc-jet .35s ease-in-out infinite alternate;
}

.blc-m-shadow {
	transform-box: fill-box;
	transform-origin: center;
	animation: blc-shadow 2.6s ease-in-out infinite alternate;
}

.blc-m-waves {
	animation: blc-waves 1.8s ease-in-out infinite;
}

@keyframes blc-bob {
	from { transform: translateY(0); }
	to { transform: translateY(-8px); }
}

@keyframes blc-wave {
	from { transform: rotate(-14deg); }
	to { transform: rotate(22deg); }
}

@keyframes blc-blink {
	0%, 90%, 100% { transform: scaleY(1); }
	94% { transform: scaleY(.1); }
}

@keyframes blc-glow {
	from { opacity: .55; transform: scale(.85); }
	to { opacity: 1; transform: scale(1.15); }
}

@keyframes blc-jet {
	from { opacity: .6; transform: scaleY(.8); }
	to { opacity: 1; transform: scaleY(1.15); }
}

/* bóng co lại khi robot nhún lên (cùng nhịp blc-bob) */
@keyframes blc-shadow {
	from { transform: scale(1); opacity: 1; }
	to { transform: scale(.82); opacity: .7; }
}

@keyframes blc-waves {
	0%, 100% { opacity: 0; }
	40%, 60% { opacity: 1; }
}

/* hộp thoại dạng bong bóng lời thoại, đuôi chỉ về phía robot */
.blc-w-card {
	position: relative;
	flex: 1;
	max-width: 430px;
	margin-bottom: 70px;
	padding: 22px 22px 16px;
	background: #f7f4ec;
	border-radius: 18px;
	box-shadow: 0 16px 48px rgba(28, 53, 40, .3);
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 300ms ease 180ms, transform 400ms ease 180ms;
}

.blc-w-card::before {
	content: '';
	position: absolute;
	left: -11px;
	bottom: 46px;
	border-width: 11px 12px 11px 0;
	border-style: solid;
	border-color: transparent #f7f4ec transparent transparent;
}

.blc-w-x {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #59635a;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}

.blc-w-x:hover,
.blc-w-x:focus-visible {
	background: #e6e0d2;
	outline: none;
}

.blc-w-title {
	margin: 0 28px 8px 0;
	font-family: 'Lora', Georgia, serif;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.3;
	color: #1c3528;
}

.blc-w-card p {
	margin: 0 0 16px;
	font-size: 14.5px;
	line-height: 1.6;
	color: #3c463f;
}

.blc-w-card strong {
	color: #2e6b4a;
}

/* cam kết của trang: phi lợi nhuận, liên hệ chính chủ */
.blc-w-promise {
	margin: -4px 0 16px;
	padding: 10px 12px;
	list-style: none;
	background: #fff;
	border: 1px solid #e6e0d2;
	border-radius: 12px;
}

.blc-w-promise li {
	position: relative;
	padding-left: 24px;
	font-size: 14px;
	line-height: 1.55;
	color: #3c463f;
}

.blc-w-promise li + li {
	margin-top: 6px;
}

.blc-w-promise li::before {
	content: '✓';
	position: absolute;
	left: 2px;
	top: 0;
	font-weight: 700;
	color: #2e6b4a;
}

.blc-w-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.blc-w-actions button {
	border-radius: 10px;
	padding: 9px 16px;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.blc-w-ask {
	border: 0;
	background: #2e6b4a;
	color: #fff;
}

.blc-w-ask:hover,
.blc-w-ask:focus-visible {
	background: #1c3528;
	outline: none;
}

.blc-w-ok {
	border: 1px solid #c08526;
	background: #f6ead3;
	color: #1f2a23;
}

.blc-w-ok:hover,
.blc-w-ok:focus-visible {
	background: #efdcb8;
	outline: none;
}

.blc-w-hint {
	margin-top: 12px;
	font-size: 12px;
	color: #59635a;
}

.blc-welcome.shown .blc-w-backdrop {
	opacity: 1;
}

.blc-welcome.shown .blc-mascot,
.blc-welcome.shown .blc-w-card {
	opacity: 1;
	transform: none;
}

.blc-welcome.leaving .blc-w-backdrop,
.blc-welcome.leaving .blc-w-card {
	opacity: 0;
	transition: opacity 250ms ease;
}

/* robot đang bay về nút: thôi nhún, giữ vẫy tay */
.blc-mascot.flying {
	z-index: 9997;
	opacity: 1;
	transform: none;
	transition: none;
	pointer-events: none;
}

.blc-mascot.flying .blc-mascot-bob {
	animation: none;
}

@media (prefers-reduced-motion: reduce) {
	.blc-mascot-bob,
	.blc-m-arm,
	.blc-m-eyes,
	.blc-m-bulb,
	.blc-m-core,
	.blc-m-jet,
	.blc-m-shadow,
	.blc-m-waves,
	.contact_dock_ai.blc-landed {
		animation: none;
	}
}

@media only screen and (max-width: 575px) {
	.blc {
		left: 8px;
		right: 8px;
		bottom: 8px;
		width: auto;
		height: calc(100% - 16px);
		max-height: none;
	}

	/* iOS phóng to trang khi chạm vào ô nhập có chữ nhỏ hơn 16px */
	.blc-input {
		font-size: 16px;
		line-height: 22px;
		min-height: 40px;
	}

	/* điện thoại: robot đứng trên, hộp thoại bên dưới, đuôi chỉ lên */
	.blc-w-stage {
		flex-direction: column;
		align-items: center;
		gap: 4px;
	}

	.blc-mascot {
		width: 120px;
		height: 150px;
	}

	.blc-w-card {
		margin-bottom: 0;
		width: 100%;
	}

	.blc-w-card::before {
		left: 50%;
		top: -11px;
		bottom: auto;
		margin-left: -11px;
		border-width: 0 11px 12px 11px;
		border-color: transparent transparent #f7f4ec transparent;
	}

	.blc-w-title {
		font-size: 19px;
	}
}