.bg-fff{background-color:#fff;}
.bg-f6{background-color:#f6f6f6;}
.bg-f7{background-color:#f7f7f7;}
.bg-f8{background-color:#f8f8f8;}
.bg-e4{background-color:#e4e4e4;}
.bg-ccc{background-color:#ccc;}
.bg-666{background-color:#666;}
.bg-999{background-color:#999;}
.bg-333{background-color:#333;}
.bg-1a{background-color: #1a1a1a;}
.bg-36afa2{background-color:#36afa2;}
.bg-f9394d{background-color:#f9394d;}
.bg-3f4047{background-color:#3f4047;}

.bg-000-op30{background-color:rgba(0,0,0,.3);}
.bg-000-op50{background-color:rgba(0,0,0,.5);}
.bg-000-op60{background-color:rgba(0,0,0,.6);}
.bg-000-op80{background-color:rgba(0,0,0,.8);}
.bg-f00-op50{background-color:rgba(255,0,0,.5);}

.bg-fff-op20{background-color:rgba(255,255,255,.2);}
.bg-fff-op50{background-color:rgba(255,255,255,.5);}
.bg-fff-op80{background-color:rgba(255,255,255,.8);}
.bg-fff-op90{background-color:rgba(255,255,255,.9);}
.bg-fff-op95{background-color:rgba(255,255,255,.95);}
.bg-000-gradual-30-60{background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.6));}

.bg-2f3346-1a1c26{background-image:linear-gradient(#2f3346,#1a1c26);}

.bg-f6-fff{background-image:linear-gradient(#f6f6f6,#fff);}

.bg-f3f6fc{background-color:#f3f6fc;}
.bg-fffaeb{background-color:#fffaeb;}
.bg-f1f9f8{background-color:#f1f9f8;}
.bg-fff6f8{background-color:#fff6f8;}

.bg-e3f5f3{background-color:#e3f5f3;}
.bg-2e3246{background-color:#2e3246;}
.bg-ffedeb{background-color:#ffedeb;}

.bg-f0f4ff{background-color:#f0f4ff;}
.bg-fffaf3{background-color:#fffaf3;}

.bg-size-cover{background-size: cover;}
.bg-size-fullwidth{background-size: 100% auto;}
.bg-size-fullheight{background-size: auto 100%;}
.bg-no-repeat{background-repeat: no-repeat;}
.bg-repeat-x{background-repeat:repeat-x;}
.bg-repeat-y{background-repeat: repeat-y;}
.bg-pos-top{background-position: top center;}
.bg-pos-bottom{background-position: bottom center;}
.bg-pos-center{background-position: center;}

.bg-custom-linear-bottom{background-image: linear-gradient(to bottom, var(--linearcolor), transparent);}