*{ box-sizing: border-box; list-style: none; font-style: normal; margin: 0; padding: 0; border: 0; outline: 0;}
body{font-size: 14px; margin: 0; padding: 0; background: #f5f5f5; }


.relative{position: relative;}
.fixed{position: fixed;}
.absolute{position: absolute;}
.block {display: block;}
.table {display: table;}
.flex {display: flex;}

.grid{display: grid;}
.column{grid-auto-flow: column;}
.row-dense{grid-auto-flow:row dense;}
.col-dense{grid-auto-flow:column dense;}
.dense{grid-auto-flow:dense;}

.justify-items-stretch{justify-items:stretch;}
.justify-items-start{justify-items:start;}
.justify-items-end{justify-items:end;}
.justify-items-center{justify-items:center;}

.items-stretch{align-items:stretch;}
.items-start{align-items:start;}
.items-end{align-items:end;}
.items-center{align-items:center;}


.grid-start-1{grid-column-start:1;}
.grid-start-2{grid-column-start:2;}
.grid-start-3{grid-column-start:3;}
.grid-start-4{grid-column-start:4;}
.grid-start-5{grid-column-start:5;}
.grid-start-6{grid-column-start:6;}
.grid-start-01{grid-column-start:-1;}
.grid-start-02{grid-column-start:-2;}
.grid-start-03{grid-column-start:-3;}
.grid-start-04{grid-column-start:-4;}
.grid-start-05{grid-column-start:-5;}
.grid-start-06{grid-column-start:-6;}

.grid-end-1{grid-column-end:1;}
.grid-end-2{grid-column-end:2;}
.grid-end-3{grid-column-end:3;}
.grid-end-4{grid-column-end:4;}
.grid-end-5{grid-column-end:5;}
.grid-end-6{grid-column-end:6;}
.grid-end-01{grid-column-end:-1;}
.grid-end-02{grid-column-end:-2;}
.grid-end-03{grid-column-end:-3;}
.grid-end-04{grid-column-end:-4;}
.grid-end-05{grid-column-end:-5;}
.grid-end-06{grid-column-end:-6;}

.grid-row-start-1{grid-row-start:1;}
.grid-row-start-2{grid-row-start:2;}
.grid-row-start-3{grid-row-start:3;}
.grid-row-start-4{grid-row-start:4;}
.grid-row-start-5{grid-row-start:5;}
.grid-row-start-6{grid-row-start:6;}
.grid-row-start-01{grid-row-start:-1;}
.grid-row-start-02{grid-row-start:-2;}
.grid-row-start-03{grid-row-start:-3;}
.grid-row-start-04{grid-row-start:-4;}
.grid-row-start-05{grid-row-start:-5;}
.grid-row-start-06{grid-row-start:-6;}

.grid-row-end-1{grid-row-end:1;}
.grid-row-end-2{grid-row-end:2;}
.grid-row-end-3{grid-row-end:3;}
.grid-row-end-4{grid-row-end:4;}
.grid-row-end-5{grid-row-end:5;}
.grid-row-end-6{grid-row-end:6;}
.grid-row-end-01{grid-row-end:-1;}
.grid-row-end-02{grid-row-end:-2;}
.grid-row-end-03{grid-row-end:-3;}
.grid-row-end-04{grid-row-end:-4;}
.grid-row-end-05{grid-row-end:-5;}
.grid-row-end-06{grid-row-end:-6;}



.grid-cols-1{grid-template-columns: repeat(1, minmax(0, 1fr));}
.grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr));}
.grid-cols-3{grid-template-columns: repeat(3, minmax(0, 1fr));}
.grid-cols-4{grid-template-columns: repeat(4, minmax(0, 1fr));}
.grid-cols-5{grid-template-columns: repeat(5, minmax(0, 1fr));}
.grid-cols-6{grid-template-columns: repeat(6, minmax(0, 1fr));}
.grid-cols-7{grid-template-columns: repeat(7, minmax(0, 1fr));}
.grid-cols-8{grid-template-columns: repeat(8, minmax(0, 1fr));}
.grid-rows-1{grid-template-rows: repeat(1, minmax(0, 1fr));}
.grid-rows-2{grid-template-rows: repeat(2, minmax(0, 1fr));}
.grid-rows-3{grid-template-rows: repeat(3, minmax(0, 1fr));}
.grid-rows-4{grid-template-rows: repeat(4, minmax(0, 1fr));}
.grid-rows-5{grid-template-rows: repeat(5, minmax(0, 1fr));}
.grid-rows-6{grid-template-rows: repeat(6, minmax(0, 1fr));}
.row-gap-5{row-gap:5px;}
.row-gap-10{row-gap:10px;}
.row-gap-15{row-gap:15px;}
.row-gap-20{row-gap:20px;}
.row-gap-25{row-gap:25px;}
.row-gap-30{row-gap:30px;}
.row-gap-40{row-gap:40px;}
.row-gap-50{row-gap:50px;}
.row-gap-60{row-gap:60px;}
.row-gap-70{row-gap:70px;}
.row-gap-80{row-gap:80px;}
.row-gap-90{row-gap:90px;}
.row-gap-100{row-gap:100px;}

.column-gap-5{column-gap:5px;}
.column-gap-10{column-gap:10px;}
.column-gap-15{column-gap:15px;}
.column-gap-20{column-gap:20px;}
.column-gap-25{column-gap:25px;}
.column-gap-30{column-gap:30px;}
.column-gap-40{column-gap:40px;}
.column-gap-50{column-gap:50px;}
.column-gap-60{column-gap:60px;}
.column-gap-70{column-gap:70px;}
.column-gap-80{column-gap:80px;}
.column-gap-90{column-gap:90px;}
.column-gap-100{column-gap:100px;}

.gap-5{gap:5px 5px;}
.gap-10{gap:10px 10px;}
.gap-15{gap:15px 15px;}
.gap-20{gap:20px 20px;}
.gap-25{gap:25px 25px;}
.gap-30{gap:30px 30px;}
.gap-40{gap:40px 40px;}
.gap-50{gap:50px 50px;}
.gap-60{gap:60px 60px;}
.gap-70{gap:70px 70px;}
.gap-80{gap:80px 80px;}
.gap-90{gap:90px 90px;}
.gap-100{gap:100px 100px;}


.basis-xs {flex-basis: 20%;}
.basis-sm {flex-basis: 40%;}
.basis-df {flex-basis: 50%;}
.basis-lg {flex-basis: 60%;}
.basis-xl {flex-basis: 80%;}
.flex-sub {flex: 1;}
.flex-twice {flex: 2;}
.flex-treble {flex: 3;}
.flex-direction {flex-direction: column;}
.flex-wrap {flex-wrap: wrap;}
.align-start {align-items: flex-start;}
.align-end {align-items: flex-end;}
.align-center {align-items: center;}
.align-stretch {align-items: stretch;}
.self-start {align-self: flex-start;}
.self-center {align-self: flex-center;}
.self-end {align-self: flex-end;}
.self-stretch {align-self: stretch;}
.align-stretch {align-items: stretch;}
.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.justify-evenly {justify-content: space-evenly;}
.flex-shrink{flex-shrink: 0;}

.text-10{font-size: 10px;}
.text-12{font-size: 12px;}
.text-13{font-size: 13px;}
.text-14{font-size: 14px;}
.text-15{font-size: 15px;}
.text-16{font-size: 16px;}
.text-17{font-size: 17px;}
.text-18{font-size: 18px;}
.text-20{font-size: 20px;}
.text-22{font-size: 22px;}
.text-24{font-size: 24px;}
.text-28{font-size: 28px;}
.text-30{font-size: 30px;}
.text-35{font-size: 35px;}
.text-40{font-size: 40px;}
.text-50{font-size: 50px;}
.text-60{font-size: 60px;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}


.bg-main {background-color: rgba(114, 71, 65,1);}
.bg-main-2 {background-color: rgba(114, 71, 65,0.2);}
.bg-main-4 {background-color: rgba(114, 71, 65,0.4);}
.bg-main-6 {background-color: rgba(114, 71, 65,0.6);}
.bg-main-8 {background-color: rgba(114, 71, 65,0.8);}

.bg-red { background-color: rgba(229, 77, 66,1);}
.bg-red-2 { background-color: rgba(229, 77, 66,0.2);}
.bg-red-4 { background-color: rgba(229, 77, 66,.4);}
.bg-red-6 { background-color: rgba(229, 77, 66,.6);}
.bg-red-8 { background-color: rgba(229, 77, 66,.8);}

.bg-orange {background-color: rgba(243, 123, 29,1);}
.bg-orange-2 {background-color: rgba(243, 123, 29,.2);}
.bg-orange-4 {background-color: rgba(243, 123, 29,.4);}
.bg-orange-6 {background-color: rgba(243, 123, 29,.6);}
.bg-orange-8 {background-color: rgba(243, 123, 29,.8);}

.bg-yellow {background-color: rgba(251, 189, 8,1);}
.bg-yellow-2 {background-color: rgba(251, 189, 8,.2);}
.bg-yellow-4 {background-color: rgba(251, 189, 8,.4);}
.bg-yellow-6 {background-color: rgba(251, 189, 8,.6);}
.bg-yellow-8 {background-color: rgba(251, 189, 8,.8);}

.bg-olive { background-color: rgba(141, 198, 63,1);}
.bg-olive-2 { background-color: rgba(141, 198, 63,.2);}
.bg-olive-4 { background-color: rgba(141, 198, 63,.4);}
.bg-olive-6 { background-color: rgba(141, 198, 63,.6);}
.bg-olive-8 { background-color: rgba(141, 198, 63,.8);}

.bg-green {background-color: rgba(57, 181, 74,1);}
.bg-green-2 {background-color: rgba(57, 181, 74,.2);}
.bg-green-4 {background-color: rgba(57, 181, 74,.4);}
.bg-green-6 {background-color: rgba(57, 181, 74,.6);}
.bg-green-8 {background-color: rgba(57, 181, 74,.8);}

.bg-cyan { background-color: rgba(28, 187, 180,1);}
.bg-cyan-2 { background-color: rgba(28, 187, 180,.2);}
.bg-cyan-4 { background-color: rgba(28, 187, 180,.4);}
.bg-cyan-6 { background-color: rgba(28, 187, 180,.6);}
.bg-cyan-8 { background-color: rgba(28, 187, 180,.8);}

.bg-blue { background-color: rgba(66, 133, 239,1);}
.bg-blue-2 { background-color: rgba(66, 133, 239,.2);}
.bg-blue-4 { background-color: rgba(66, 133, 239,.4);}
.bg-blue-6 { background-color: rgba(66, 133, 239,.6);}
.bg-blue-8 { background-color: rgba(66, 133, 239,.8);}

.bg-purple { background-color: rgba(103, 57, 182,1);}
.bg-purple-2 { background-color: rgba(103, 57, 182,.2);}
.bg-purple-4 { background-color: rgba(103, 57, 182,.4);}
.bg-purple-6 { background-color: rgba(103, 57, 182,.6);}
.bg-purple-8 { background-color: rgba(103, 57, 182,.8);}

.bg-mauve {background-color: rgba(156, 38, 176,1);}
.bg-mauve-2 {background-color: rgba(156, 38, 176,.2);}
.bg-mauve-4 {background-color: rgba(156, 38, 176,.4);}
.bg-mauve-6 {background-color: rgba(156, 38, 176,.6);}
.bg-mauve-8 {background-color: rgba(156, 38, 176,.8);}

.bg-pink {background-color: rgba(224, 57, 151,1);}
.bg-pink-2 {background-color: rgba(224, 57, 151,.2);}
.bg-pink-4 {background-color: rgba(224, 57, 151,.4);}
.bg-pink-6 {background-color: rgba(224, 57, 151,.6);}
.bg-pink-8 {background-color: rgba(224, 57, 151,.8);}

.bg-brown { background-color: rgba(165, 103, 63,1);}
.bg-brown-2 { background-color: rgba(165, 103, 63,.2);}
.bg-brown-4 { background-color: rgba(165, 103, 63,.4);}
.bg-brown-6 { background-color: rgba(165, 103, 63,.6);}
.bg-brown-8 { background-color: rgba(165, 103, 63,.8);}

.bg-grey { background-color: rgba(135, 153, 163,1);}
.bg-grey-2 { background-color: rgba(135, 153, 163,.2);}
.bg-grey-4 { background-color: rgba(135, 153, 163,.4);}
.bg-grey-6 { background-color: rgba(135, 153, 163,.6);}
.bg-grey-8 { background-color: rgba(135, 153, 163,.8);}

.bg-gray {background-color: #f0f0f0;}
.bg-black { background-color: rgba(0, 0, 0,1);}
.bg-black-2 { background-color: rgba(0, 0, 0,.2);}
.bg-black-4 { background-color: rgba(0, 0, 0,.4);}
.bg-black-6 { background-color: rgba(0, 0, 0,.6);}
.bg-black-8 { background-color: rgba(0, 0, 0,.8);}
.bg-white {background-color: #ffffff;}
.bg-shadeTop {background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));}
.bg-shadeBottom {background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));}

.bg-red.light {color: #e54d42;background-color: #fadbd9;}
.bg-orange.light {color: #f37b1d;background-color: #fde6d2;}
.bg-yellow.light {color: #fbbd08;background-color: #fef2ced2;}
.bg-olive.light {color: #8dc63f;background-color: #e8f4d9;}
.bg-green.light {color: #39b54a;background-color: #d7f0dbff;}
.bg-cyan.light {color: #1cbbb4;background-color: #d2f1f0;}
.bg-blue.light {color: #0081ff;background-color: #cce6ff;}
.bg-purple.light {color: #6739b6;background-color: #e1d7f0;}
.bg-mauve.light {color: #9c26b0;background-color: #ebd4ef;}
.bg-pink.light {color: #e03997;background-color: #f9d7ea;}
.bg-brown.light {color: #a5673f;background-color: #ede1d9;}
.bg-grey.light {color: #8799a3;background-color: #e7ebed;}


.text-red{color: #e54d42;}
.text-orange{color: #f37b1d;}
.text-yellow{color: #fbbd08;}
.text-olive{color: #8dc63f;}
.text-green{color: #39b54a;}
.text-cyan{color: #1cbbb4;}
.text-blue{color: #0081ff;}
.text-purple{color: #6739b6;}
.text-mauve{color: #9c26b0;}
.text-pink{color: #e03997;}
.text-brown{color: #a5673f;}
.text-grey{color: #72777F;}
.text-myspan{color: #cfd0d2;}
.text-gray{color: #aaaaaa;}
.text-black{color: #333333;}
.text-white{color: #ffffff;}

.text-bold{font-weight: bold;}
.text-cut{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.text-cut-2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-cut-1 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}


.margin-5{margin: 5px;}
.margin-10{margin: 10px;}
.margin-15{margin: 15px;}
.margin-20{margin: 20px;}
.margin-30{margin: 30px;}
.margin-40{margin: 40px;}
.margin-50{margin: 50px;}
.margin-100{margin: 100px;}

.margin-tb-5{margin-top: 5px; margin-bottom: 5px;}
.margin-tb-10{margin-top: 10px; margin-bottom: 10px;}
.margin-tb-15{margin-top: 15px; margin-bottom: 15px;}
.margin-tb-20{margin-top: 20px; margin-bottom: 20px;}
.margin-tb-30{margin-top: 30px; margin-bottom: 30px;}
.margin-tb-40{margin-top: 40px; margin-bottom: 40px;}
.margin-tb-50{margin-top: 50px; margin-bottom: 50px;}
.margin-tb-100{margin-top: 100px; margin-bottom: 100px;}

.margin-lr-5{margin-left: 5px; margin-right: 5px;}
.margin-lr-10{margin-left: 10px; margin-right: 10px;}
.margin-lr-15{margin-left: 15px; margin-right: 15px;}
.margin-lr-20{margin-left: 20px; margin-right: 20px;}
.margin-lr-30{margin-left: 30px; margin-right: 30px;}
.margin-lr-40{margin-left: 40px; margin-right: 40px;}
.margin-lr-50{margin-left: 50px; margin-right: 50px;}
.margin-lr-100{margin-left: 100px; margin-right: 100px;}

.margin-top-5{margin-top: 5px;}
.margin-top-10{margin-top: 10px;}
.margin-top-15{margin-top: 15px;}
.margin-top-20{margin-top: 20px;}
.margin-top-30{margin-top: 30px;}
.margin-top-40{margin-top: 40px;}
.margin-top-50{margin-top: 50px;}
.margin-top-100{margin-top: 100px;}

.margin-right-5{margin-right: 5px;}
.margin-right-10{margin-right: 10px;}
.margin-right-15{margin-right: 15px;}
.margin-right-20{margin-right: 20px;}
.margin-right-30{margin-right: 30px;}
.margin-right-40{margin-right: 40px;}
.margin-right-50{margin-right: 50px;}
.margin-right-100{margin-right: 100px;}

.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-bottom-50{margin-bottom: 50px;}
.margin-bottom-100{margin-bottom: 100px;}

.margin-left-5{margin-left: 5px;}
.margin-left-10{margin-left: 10px;}
.margin-left-15{margin-left: 15px;}
.margin-left-20{margin-left: 20px;}
.margin-left-30{margin-left: 30px;}
.margin-left-40{margin-left: 40px;}
.margin-left-50{margin-left: 50px;}
.margin-left-100{margin-left: 100px;}


.padding-5{padding: 5px;}
.padding-10{padding: 10px;}
.padding-15{padding: 15px;}
.padding-20{padding: 20px;}
.padding-30{padding: 30px;}
.padding-40{padding: 40px;}
.padding-50{padding: 50px;}
.padding-100{padding: 100px;}

.padding-tb-5{padding-top: 5px; padding-bottom: 5px;}
.padding-tb-10{padding-top: 10px; padding-bottom: 10px;}
.padding-tb-15{padding-top: 15px; padding-bottom: 15px;}
.padding-tb-20{padding-top: 20px; padding-bottom: 20px;}
.padding-tb-30{padding-top: 30px; padding-bottom: 30px;}
.padding-tb-40{padding-top: 40px; padding-bottom: 40px;}
.padding-tb-50{padding-top: 50px; padding-bottom: 50px;}
.padding-tb-100{padding-top: 100px; padding-bottom: 100px;}

.padding-lr-5{padding-left: 5px; padding-right: 5px;}
.padding-lr-10{padding-left: 10px; padding-right: 10px;}
.padding-lr-15{padding-left: 15px; padding-right: 15px;}
.padding-lr-20{padding-left: 20px; padding-right: 20px;}
.padding-lr-30{padding-left: 30px; padding-right: 30px;}
.padding-lr-40{padding-left: 40px; padding-right: 40px;}
.padding-lr-50{padding-left: 50px; padding-right: 50px;}
.padding-lr-100{padding-left: 100px; padding-right: 100px;}

.padding-top-5{padding-top: 5px;}
.padding-top-10{padding-top: 10px;}
.padding-top-15{padding-top: 15px;}
.padding-top-20{padding-top: 20px;}
.padding-top-30{padding-top: 30px;}
.padding-top-40{padding-top: 40px;}
.padding-top-50{padding-top: 50px;}
.padding-top-100{padding-top: 100px;}

.padding-right-5{padding-right: 5px;}
.padding-right-10{padding-right: 10px;}
.padding-right-15{padding-right: 15px;}
.padding-right-20{padding-right: 20px;}
.padding-right-30{padding-right: 30px;}
.padding-right-40{padding-right: 40px;}
.padding-right-50{padding-right: 50px;}
.padding-right-100{padding-right: 100px;}

.padding-bottom-5{padding-bottom: 5px;}
.padding-bottom-10{padding-bottom: 10px;}
.padding-bottom-15{padding-bottom: 15px;}
.padding-bottom-20{padding-bottom: 20px;}
.padding-bottom-30{padding-bottom: 30px;}
.padding-bottom-40{padding-bottom: 40px;}
.padding-bottom-50{padding-bottom: 50px;}
.padding-bottom-100{padding-bottom: 100px;}

.padding-left-5{padding-left: 5px;}
.padding-left-10{padding-left: 10px;}
.padding-left-15{padding-left: 15px;}
.padding-left-20{padding-left: 20px;}
.padding-left-30{padding-left: 30px;}
.padding-left-40{padding-left: 40px;}
.padding-left-50{padding-left: 50px;}
.padding-left-100{padding-left: 100px;}

.border-radius-5{border-radius: 5px;}
.border-radius-10{border-radius: 10px;}
.border-radius-15{border-radius: 15px;}
.border-radius-20{border-radius: 20px;}
.border-radius-half{border-radius: 50%;}

.opacity-8{opacity: 0.8;}
.opacity-6{opacity: 0.6;}
.opacity-4{opacity: 0.4;}
.opacity-2{opacity: 0.2;}

.cursor-pointer{cursor: pointer;}

.shadow-sm{box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);}
.shadow{box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);}
.shadow-md{box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);}
.shadow-lg{box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}
.shadow-xl{ box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);}
.shadow-2xl{ box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);}
.shadow-inner{ box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);}
.shadow-none{ box-shadow: 0 0 #0000;}