/*--------------------------------------------------------------------------------------------------------------------*
 * DEFAULT
/*--------------------------------------------------------------------------------------------------------------------*/
/* BG */
.bg, .bg-spec {z-index:10; overflow:hidden; position:relative}
.bg-cover, .bg-cover-extra {position:absolute; top:0; left:0; width:100%; height:auto; overflow:hidden; z-index:30}
.bg-cover:after, .bg-cover span, .bg-cover-extra:before, .bg-cover-extra span {position:absolute; left:0; width:100%; content:""}
.bg-cover:after, .bg-cover span {bottom:0; height:300px}
.bg-cover img, .bg-cover-extra img {width:100%; max-width:100%; height:auto; float:left}
.bg-cover.alt:after, .bg-cover-extra.alt:before {display:none}
.bg-cover.no-z {z-index:1}
.bg-cover.desktop {display:flex; justify-content:center; align-items:center; height:100%}
.bg-cover.desktop img {height:100%; object-fit:cover}
.bg-cover.bing img, .bg-cover.bang img {width:auto; max-width:none}
.bg-cover.bang img {float:right}
.bg-cover.mobile, .bg-cover-extra.mobile {display:none}
.bg-cover-extra {bottom:0; top:auto; z-index:20}
.bg-cover-extra:before, .bg-cover-extra span {top:0; height:300px; z-index:50}
.bg-cover-extra.no-z {z-index:1}
.bg-backdrop {backdrop-filter: blur(50px) !important}

.bg.white {background:#fff}
.bg.white .bg-cover:after {background:linear-gradient(to bottom, rgba(255,255,255,0), #fff)}
.bg.gray {background:#f3f3f3}
.bg.gray .bg-cover:after {background:linear-gradient(to bottom, rgba(255,255,255,0), #f3f3f3)}
.bg.light-gray {background:#fafafa}
.bg.light-gray .bg-cover:after {background:linear-gradient(to bottom, rgba(255,255,255,0), #fafafa)}
.bg.dark {background:#262626}
.bg.dark1 {background:#111}
.bg.dark1 .bg-cover:after {background:linear-gradient(to bottom, rgba(0,0,0,0), #111)}
.bg.dark2 {background:#071220}
.bg.dark2 .bg-cover:after {background:linear-gradient(to bottom, rgba(0,0,0,0), #071220)}
.bg.dark2 .bg-cover-extra:before {background:linear-gradient(to top, rgba(0,0,0,0), #071220)}
.bg.dark3 {background:#0d0d0c}
.bg.dark3 .bg-cover:after {background:linear-gradient(to bottom, rgba(0,0,0,0), #0d0d0c)}
.bg.dark-gray {background:#3c3c3d}
.bg.dark-gray .bg-cover:after {background:linear-gradient(to bottom, rgba(0,0,0,0), #3c3c3d)}
.bg.luxury {background:#fff}
.bg.luxury .bg-cover:after {background:linear-gradient(to bottom, rgba(255,255,255,0), #fff)}
.bg.wood {background:#eed4b3}
.bg.wood .bg-cover:after {background:linear-gradient(to bottom, rgba(255,255,255,0), #eed4b3)}
.bg.blue {background:#3ea1e2}
.bg.blue .bg-cover:after {background:linear-gradient(to bottom, rgba(255,255,255,0), #3ea1e2)}
.bg.blue2 {background:#55a2da}
.bg.turquoise {background:#40E0D0}
.bg.turquoise .bg-cover:after {background:linear-gradient(to bottom, rgba(255,255,255,0), #40E0D0)}
.bg.sand {background:#f8e2c0}
.bg.sand .bg-cover:after {background:linear-gradient(to bottom, rgba(255,255,255,0), #f8e2c0)}
.bg.vintage {background:#e0cdb8}
.bg.vintage .bg-cover:after {background:linear-gradient(to bottom, rgba(255,255,255,0), #e0cdb8)}
.bg.light-green {background:#b9d863}
.bg.light-green .bg-cover:after {background:linear-gradient(to bottom, rgba(255,255,255,0), #b9d863)}
.bg.dark-green {background:#8C9E86}
.bg.dark-green .bg-cover:after {background:linear-gradient(to bottom, rgba(255,255,255,0), #8C9E86)}
.bg.orange {background:#ffb461}
.bg.orange .bg-cover:after {background:linear-gradient(to bottom, rgba(255,255,255,0), #ffb461)}
.bg-spec.topo {background:#feefe8 url('../images/bgs/topographic-spec.jpg') no-repeat; background-size:100% auto}
.bg-spec.topo-light {background:#f2f3f4 url('../images/bgs/topographic-light.jpg') no-repeat; background-size:100% auto}
.bg-spec.topo-dark {background:#0B0C0E url('../images/bgs/topographic-dark.jpg') no-repeat; background-size:100% auto}
.bg-spec.topo-dark-blue {background:#051322 url('../images/bgs/topographic-blue.jpg') no-repeat; background-size:100% auto}
.bg-spec.paper {background:linear-gradient(-45deg, rgba(21, 3, 3, 0.1), rgba(255, 255, 255, 0.1)), url('../images/bgs/bg-paper.jpg')}

.bg-backdrop {background:hsla(0, 0%, 100%, .11) !important}

/* Shadow */
.bg-shadow {height:100%}
.bg-shadow:before {position:absolute; z-index:30; left:0; top:0; width:100%; height:100%;; content:""}

.bg-shadow:before {background:rgba(26, 25, 25, 0.2)}
.bg-shadow.d1:before {background:rgba(4, 22, 39, 0.8)}

/* LINE */
.line {display:block; position:relative; width:100%; height:auto; background:none}

.line-bg {background:url('../images/assets/line-1.svg') no-repeat center center !important}
.line-first, .line-last {background:url('../images/assets/line-2.svg') no-repeat top center !important}
.line-first.red, .line-last.red {background:url('../images/assets/line-2-red.svg') no-repeat top center !important}
.line-last {transform:rotate(180deg); background-position:bottom center}
.line-b {background:url('../images/assets/line-b.png') no-repeat top center; background-size:auto 160px !important}
.line-b.red {background:url('../images/assets/line-b-red.png') no-repeat top center}

/* Tailwind */
.o-hidden {overflow:hidden}
.mx-auto {float:none; width:auto; margin-left:auto; margin-right:auto}
.border {border-width:1px; border-style:solid}
.border-x2 {border-width:2px; border-style:solid}
.rounded-8 {border-radius:8px}
.rounded-12 {border-radius:12px}
.rounded-16 {border-radius:16px}
.rounded-50p {border-radius:50%}
.w-60 {width:60px}
.w-600 {width:600px}
.w-50p {width:50%}
.w-100p {width:100%}
.pad-30 {padding:30px}
.pad-40 {padding:40px}
.pad-40.omega {padding-left:0}
.pad-50 {padding:50px}
.s-10 {margin-bottom:10px}
.s-15 {margin-bottom:15px}
.s-20 {margin-bottom:20px}
.s-30 {margin-bottom:30px}
.s-40 {margin-bottom:40px}
.s-50 {margin-bottom:50px}
.h-2 {height:2px}
.h-30 {height:30px}
.h-40 {height:40px}
.h-80 {height:80px}
.h-150 {height:150px}
.t-12 {font-size:12px; line-height:20px}
.t-15 {font-size:15px; line-height:23px}
.t-16 {font-size:16px; line-height:24px}
.t-17 {font-size:17px; line-height:25px}
.t-18 {font-size:18px; line-height:28px}
.t-20 {font-size:20px; line-height:28px}

.bg-light-gray {background:#f5f5f4}
.bg-heritage-gold {background:#b38b45}
.bg-heritage-gold:hover {background:rgb(254 212 136)}
.bg-heritage-gold--20 {background:rgb(179 139 69 / 0.2)}
.bg-moderate-orange {background:#b38b45}
.bg-pure-yellow {background:#ffc200}
.bg-light-grayish-yellow {background:#fafaf9}
.bg-dark-blue {background:#02111c}
.bg-dark-orange {background:#8b7355}
.bg-very-dark-blue {background:#041a28}
.text-dark-1 {color:#292524}
.text-dark-grayish-blue {color:rgb(129 146 167)}
.text-dark-grayish-orange, .text-dark-grayish-orange a {color:#78716c}
.text-dark-grayish-orange a:hover {color:#292524}
.text-dark-blue {color:#041627}
.text-dark-orange {color:#8b7355}
.text-dark-gray {color:#7d7d7d}
.text-heritage-gold {color:#b38b45}
.text-vivid-pink {color:rgb(233,26,78)}
.text-vivid-violet {color:#a60df2}
.text-light-grayish-blue {color:#e2e5e9}
.text-white {color:#fff}
.bc-dark-orange:before {color:#8b7355}
.border-heritage-gold {border-color:#b38b45}
.border-heritage-gold--30 {border-color:rgb(179 139 69 / 0.3)}
.box-white {background:#fff; color:#333; box-shadow: 0 6px 10px rgba(53,67,79,.05)}
.box-light-grayish-orange {border-color:#fde2b2; color:#b38b45; background:#fdf1de}
.box-very-dark-blue {border-color:#243c4e; color:#bcbcbc; background:#0f2b3d}
.btn-dark {border-color:#eee; color:#eee; background:none}
.btn-dark:hover {border-color:#fff; color:#fff; background:#222}
.btn-dark-violet {border-color:#4c3b54; color:#fff; background:none}
.btn-dark-violet:hover {border-color:#74647b; background:none}
.btn-heritage-gold {border-color:#b38b45; color:#041627; background:#b38b45}
.btn-heritage-gold:hover {border-color:#fed488; background:#fed488}
.btn-moderate-orange {border-color:#8b7355; color:#8b7355; background:none}
.btn-moderate-orange:hover {border-color:#8b7355; color:#fff; background:#8b7355}
.btn-strong-green {border-color:#36c001; color:#fff; background:#36c001}
.btn-strong-green:hover {border-color:#298605; background:#298605}
.btn-soft-blue {border-color:#4c64d9; color:#fff; background:#4c64d9}
.btn-soft-blue:hover {border-color:#364ab2; background:#364ab2}
.btn-vivid-blue {border-color:#1877f2; color:#fff; background:#1877f2}
.btn-vivid-violet {border-color:#b92eff; color:#fff; background:#b92eff}
.btn-vivid-violet:hover {border-color:#9621d1; background:#9621d1}
.btn-bright-pink {border-color:#eb2866; color:#fff; background:#eb2866}
.btn-purple {border-color:#5e5fca; color:#fff; background:#5e5fca}
.btn-gray {background:#ececec; color:#757575; border-color:#ececec}
.btn-orange {background:#f90; color:#fff; border-color:#f90}
.btn-bright-pink:hover, .btn-vivid-blue:hover, .btn-purple:hover, .btn-gray:hover, .btn-orange:hover {background:#444; color:#fff; border-color:#444}
.spec-pure-orange:before {background:#ff7600}
.spec-soft-yellow:before {background:#fbdf5f}

/*--------------------------------------------------------------------------------------------------------------------*
 * RESPONSIVE & RETINA
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:1023px) {
.bg-cover:after, .bg-cover span, .bg-cover-extra:before, .bg-cover-extra span {height:100px}
.bg-cover img {width:140%; max-width:140%; margin-left:-20%}
.bg-cover.desktop {display:none}
.bg-cover.spec {top:auto; bottom:0}
.bg-cover.spec span {top:0; bottom:auto}
.bg-cover.mobile, .bg-cover-extra.mobile {display:block}
.bg-cover.alt:before, .bg-cover-extra.alt:before {display:none}

.w-600 {width:100%}
.pad-30 {padding:10px}
.pad-40 {padding:20px}
.pad-40.omega {padding:20px; padding-top:0}
.s-20 {margin-bottom:15px}
.s-30 {margin-bottom:20px}
.s-40 {margin-bottom:30px}
.s-50 {margin-bottom:40px}
.h-30 {height:20px}
.h-40 {height:30px}
.h-80 {height:40px}
}

@media only screen and (min-width:375px) and (max-width:1023px) {
.bg-cover:after, .bg-cover span, .bg-cover-extra:before, .bg-cover-extra span {height:120px}
.bg-cover img {width:130%; max-width:130%; margin-left:-15%}
.pad-30 {padding:15px}
}

@media only screen and (min-width:480px) and (max-width:1023px) {
.bg-cover:after, .bg-cover span, .bg-cover-extra:before, .bg-cover-extra span {height:150px}
.bg-cover img {width:120%; max-width:120%; margin-left:-10%}
.w-600 {width:400px}
.pad-40 {padding:25px}
.pad-40.omega {padding-top:0}
.h-80 {height:50px}
}

@media only screen and (min-width:600px) and (max-width:1023px) {
.bg-cover:after, .bg-cover span, .bg-cover-extra:before, .bg-cover-extra span {height:180px}
.bg-cover img {width:110%; max-width:110%; margin-left:-5%}
.pad-30 {padding:20px}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
.bg-cover:after, .bg-cover span, .bg-cover-extra:before, .bg-cover-extra span {height:200px}
.bg-cover img {width:100%; max-width:100%; margin-left:0}
.bg-cover.desktop {display:block}
.bg-cover.desktop img {width:100%; max-width:100%; margin-left:0}
.bg-cover-extra.mobile {display:none}

.w-600 {width:600px}
.pad-30.spec {padding:10px}
.pad-40.omega {padding:25px; padding-left:0}
.h-80 {height:60px}
}

@media only screen and (min-width:960px) and (max-width:1023px) {
.bg-cover:after, .bg-cover span, .bg-cover-extra:before, .bg-cover-extra span {height:220px}

.pad-30.spec {padding:15px}
.s-20 {margin-bottom:20px}
.s-30 {margin-bottom:30px}
.h-40 {height:40px}
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
.bg-cover:after, .bg-cover span, .bg-cover-extra:before, .bg-cover-extra span {height:240px}

.pad-30 {padding:20px}
.pad-40 {padding:30px}
.pad-40.omega {padding-left:0}
.h-30 {height:20px}
}

@media only screen and (min-width:1280px) and (max-width:1679px) {
.bg-cover:after, .bg-cover span, .bg-cover-extra:before, .bg-cover-extra span {height:280px}
.pad-30.spec {padding:25px}
}

.bg.visible {overflow:visible;}
.bg-cover-overlay {position:absolute; top:0; left:0; width:100%; height:auto; overflow:hidden; z-index:30}


.bg-cover-overlay img {width:100%; max-width:100%; height:auto; float:left}

.bg-cover-overlay {height:550px}




.bg-overlay {position:absolute; top:0; left:0; width:100%; height:100%;; content:""; z-index:20}

.bg-overlay.blue {background: rgba(25, 118, 210, .8)}








.bg.vintage .bg-cover-extra:after {background:linear-gradient(to top, rgba(255,255,255,0), #e0cdb8)}








/*--------------------------------------------------------------------------------------------------------------------*
 * RESPONSIVE & RETINA
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:1023px) {


.bg-cover-overlay {height:250px}






.bg-cover.fixed img {width:100%; max-width:100%; margin-left:0}




}



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


.bg-cover-overlay {height:300px}





.bg-cover.exp img {width:150%; max-width:150%; margin-left:-25%}

}

@media only screen and (min-width:600px) and (max-width:1023px) {


}

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


.bg-cover-overlay {height:400px}

.bg.line {background-size:auto auto}

}

@media only screen and (min-width:960px) and (max-width:1023px) {







.bg-cover.exp img {width:100%; max-width:100%; margin-left:0}
}

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

.bg-cover-overlay {height:450px}
}

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

.bg-cover-overlay {height:500px}

}