.bg-primary {
  background: var(--f7-theme-color) !important; }

.text-primary {
  color: var(--f7-theme-color) !important; }

.text-success {
  color: #37b7af !important; }

.text-info {
  color: #6798ff !important; }

.text-warning {
  color: #ff9838 !important; }

.text-secondary {
  color: #7c479d !important; }

.bg-info {
  background: #6798ff !important; }

.ml-auto {
  margin-left: auto; }

.mr-auto {
  margin-right: auto; }

.d-block {
  display: block !important; }

.d-inline-block {
  display: inline-block !important; }

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

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

/* text-size*/
.text-lg {
	font-size: 18px;
	line-height: 22px;
}

.text-md-start {
	font-size: 13px;
	line-height: 18.2px;
}

.text-sm-start {
	font-size: 12px;
	line-height: 16px;
}

.text-sm {
	font-size: 10px;
	line-height: 13px;
}

/* Opacity */
.op1 {
  opacity: 0.1; }

.op2 {
  opacity: 0.2; }

.op3 {
  opacity: 0.3; }

.op4 {
  opacity: 0.4; }

.op5 {
  opacity: 0.5; }

.op6 {
  opacity: 0.6; }

.op7 {
  opacity: 0.7; }

.op8 {
  opacity: 0.8; }

.op9 {
  opacity: 0.9; }

/* Font Size */
.fs-12 {
  font-size: 12px !important;
  line-height: 1.3; }

.fs-13 {
  font-size: 13px !important;
  line-height: 1.4; }

.fs-14 {
  font-size: 14px !important;
  line-height: 1.5; }

.fs-15 {
  font-size: 14px !important;
  line-height: 1.5; }

.fs-16 {
  font-size: 16px !important; }

.fs-17 {
	font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important; }

.fs-20 {
  font-size: 20px !important;
  line-height: 1.5; }

.fs-22 {
  font-size: 22px !important;
  line-height: 1.5; }

.fs-24 {
  font-size: 24px !important;
  line-height: 1.4; }

.fs-26 {
  font-size: 26px !important;
  line-height: 1.4; }

.fs-28 {
  font-size: 28px !important;}

.fs-30 {
  font-size: 30px !important;
  line-height: 1.4; }

.fs-32 {
  font-size: 32px !important; }

.fs-35 {
  font-size: 35px !important;
  line-height: 1.25; }

.fs-36 {
  font-size: 36px !important; }

.fs-46 {
  font-size: 46px !important; }

.fs-64 {
	font-size: 64px !important;
}

.fs-120 {
	font-size: 120px !important;
}

.fw1 {
  font-weight: 100; }

.fw2 {
  font-weight: 200; }

.fw3 {
  font-weight: 300; }

.fw4 {
  font-weight: 400; }

.fw5,
.fw-normal {
	font-weight: 500;
}

.fw6 {
  font-weight: 600; }

.fw7 {
  font-weight: 700; }

.fw8 {
  font-weight: 800; }

.fw9 {
  font-weight: 900; }

.fw-italic {
	font-style: italic;
}

.text-capitalize { text-transform: capitalize !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-italic { font-style: italic; }
.text-underline-dotted { cursor: pointer; text-decoration-line: underline; text-decoration-style: dotted; }


/* Spacing */
/* Padding Around */
.pa-0 {
  padding: 0; }

.pa-5 {
  padding: 5px; }

.pa-10 {
  padding: 10px; }

.pa-15 {
  padding: 15px; }

.pa-20 {
  padding: 20px; }

.pa-25 {
  padding: 25px; }

.pa-30 {
  padding: 30px; }

.pa-40 {
  padding: 40px; }

.pa-50 {
  padding: 50px; }

.pa-60 {
  padding: 60px; }

.pa-70 {
  padding: 70px; }

.pa-80 {
  padding: 80px; }

.pa-90 {
  padding: 90px; }

.pa-100 {
  padding: 100px; }

/* Padding Top */
.pt-0 {
  padding-top: 0; }

.pt-5 {
  padding-top: 5px; }

.pt-10 {
  padding-top: 10px; }

.pt-15 {
  padding-top: 15px; }

.pt-20 {
  padding-top: 20px; }

.pt-30 {
  padding-top: 30px; }

.pt-40 {
  padding-top: 40px; }

.pt-50 {
  padding-top: 50px; }

.pt-60 {
  padding-top: 60px; }

.pt-70 {
  padding-top: 70px; }

.pt-80 {
  padding-top: 80px; }

.pt-90 {
  padding-top: 90px; }

.pt-100 {
  padding-top: 100px; }

/* Padding Bottom */
.pb-0 {
  padding-bottom: 0; }

.pb-5 {
  padding-bottom: 5px; }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-16 {
	padding-bottom: 16px;}

.pb-20 {
  padding-bottom: 20px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-50 {
  padding-bottom: 50px; }

.pb-60 {
  padding-bottom: 60px; }

.pb-70 {
  padding-bottom: 70px; }

.pb-80 {
  padding-bottom: 80px; }

.pb-90 {
  padding-bottom: 90px; }

.pb-100 {
  padding-bottom: 100px; }

/* Padding Left */
.pl-0 {
  padding-left: 0; }

.pl-5 {
  padding-left: 5px; }

.pl-10 {
  padding-left: 10px; }

.pl-15 {
  padding-left: 15px; }

.pl-20 {
  padding-left: 20px; }

.pl-30 {
  padding-left: 30px; }

.pl-40 {
  padding-left: 40px; }

.pl-50 {
  padding-left: 50px; }

.pl-60 {
  padding-left: 60px; }

.pl-70 {
  padding-left: 70px; }

.pl-80 {
  padding-left: 80px; }

.pl-90 {
  padding-left: 90px; }

.pl-100 {
  padding-left: 100px; }

/* Padding Right */
.pr-0 {
  padding-right: 0; }

.pr-5 {
  padding-right: 5px; }

.pr-10 {
  padding-right: 10px; }

.pr-15 {
  padding-right: 15px; }

.pr-20 {
  padding-right: 20px; }

.pr-30 {
  padding-right: 30px; }

.pr-40 {
  padding-right: 40px; }

.pr-50 {
  padding-right: 50px; }

.pr-60 {
  padding-right: 60px; }

.pr-70 {
  padding-right: 70px; }

.pr-80 {
  padding-right: 80px; }

.pr-90 {
  padding-right: 90px; }

.pr-100 {
  padding-right: 100px; }

/* Padding left Right */
.px-0 {
  padding-left: 0;
  padding-right: 0; }

.px-5 {
  padding-left: 5px;
  padding-right: 5px; }

.px-10 {
  padding-left: 10px;
  padding-right: 10px; }

.px-15 {
  padding-left: 15px;
  padding-right: 15px; }

.px-20 {
  padding-left: 20px;
  padding-right: 20px; }

.px-30 {
  padding-left: 30px;
  padding-right: 30px; }

.px-40 {
  padding-left: 40px;
  padding-right: 40px; }

.px-50 {
  padding-left: 50px;
  padding-right: 50px; }

.px-60 {
  padding-left: 60px;
  padding-right: 60px; }

.px-70 {
  padding-left: 70px;
  padding-right: 70px; }

.px-80 {
  padding-left: 80px;
  padding-right: 80px; }

.px-90 {
  padding-left: 90px;
  padding-right: 90px; }

.px-100 {
  padding-left: 100px;
  padding-right: 100px; }

/* Padding Top Bottom */
.py-0 {
  padding-bottom: 0;
  padding-top: 0; }

.py-5 {
  padding-bottom: 5px;
  padding-top: 5px; }

.py-10 {
  padding-bottom: 10px;
  padding-top: 10px; }

.py-15 {
  padding-bottom: 15px;
  padding-top: 15px; }

.py-20 {
  padding-bottom: 20px;
  padding-top: 20px; }

.py-30 {
  padding-bottom: 30px;
  padding-top: 30px; }

.py-40 {
  padding-bottom: 40px;
  padding-top: 40px; }

.py-50 {
  padding-bottom: 50px;
  padding-top: 50px; }

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

.py-70 {
  padding-bottom: 70px;
  padding-top: 70px; }

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

.py-90 {
  padding-bottom: 90px;
  padding-top: 90px; }

.py-100 {
  padding-bottom: 100px;
  padding-top: 100px; }

/* Margin Around */
.m-auto {
  margin: auto; }

.ma-0 {
  margin: 0 !important; }

.ma-5 {
  margin: 5px; }

.ma-10 {
  margin: 10px; }

.ma-15 {
  margin: 15px; }

.ma-20 {
  margin: 20px; }

.ma-30 {
  margin: 30px; }

.ma-40 {
  margin: 40px; }

.ma-50 {
  margin: 50px; }

.ma-60 {
  margin: 60px; }

.ma-70 {
  margin: 70px; }

.ma-80 {
  margin: 80px; }

.ma-90 {
  margin: 90px; }

.ma-100 {
  margin: 100px; }

/* Margin Top */
.mt-auto {
  margin-top: auto; }

.mt-0 {
  margin-top: 0 !important; }

.mt-2 {
	margin-top: 2px !important;
}

.mt-4 {
	margin-top: 4px !important;
}

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

.mt-6 {
	margin-top: 6px;
}

.mt-8 {
	margin-top: 8px;
}

.mt-10 {
  margin-top: 10px; }

.mt-15 {
  margin-top: 15px; }

.mt-20 {
  margin-top: 20px; }

.mt-25 {
  margin-top: 25px; }

.mt-30 {
  margin-top: 30px; }

.mt-40 {
  margin-top: 40px; }

.mt-50 {
  margin-top: 50px; }

.mt-60 {
  margin-top: 60px; }

.mt-70 {
  margin-top: 70px; }

.mt-80 {
  margin-top: 80px; }

.mt-90 {
  margin-top: 90px; }

.mt-100 {
  margin-top: 100px; }
.mt-120 {
	margin-top: 120px;
}

/* Margin Bottom */
.mb-auto {
  margin-bottom: auto; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-5 {
  margin-bottom: 5px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-80 {
  margin-bottom: 80px; }

.mb-90 {
  margin-bottom: 90px; }

.mb-100 {
  margin-bottom: 100px; }

/* Margin left */
.ml-auto {
  margin-left: auto; }

.ml-0 {
  margin-left: 0 !important; }

.ms-3 {
	margin-left: 1rem !important;
}

.ml-5 {
	margin-left: 5px;
}

.ml-10 {
  margin-left: 10px; }

.ml-15 {
  margin-left: 15px; }

.ml-20 {
  margin-left: 20px; }

.ml-30 {
  margin-left: 30px; }

.ml-40 {
  margin-left: 40px; }

.ml-50 {
  margin-left: 50px; }

.ml-60 {
  margin-left: 60px; }

.ml-70 {
  margin-left: 70px; }

.ml-80 {
  margin-left: 80px; }

.ml-90 {
  margin-left: 90px; }

.ml-100 {
  margin-left: 100px; }

/* Margin Right */
.mr-auto {
  margin-right: auto; }

.mr-0 {
  margin-right: 0 !important; }

.mr-5 {
  margin-right: 5px; }

.mr-10 {
  margin-right: 10px; }

.mr-15 {
  margin-right: 15px; }

.mr-20 {
  margin-right: 20px; }

.mr-30 {
  margin-right: 30px; }

.mr-40 {
  margin-right: 40px; }

.mr-50 {
  margin-right: 50px; }

.mr-60 {
  margin-right: 60px; }

.mr-70 {
  margin-right: 70px; }

.mr-80 {
  margin-right: 80px; }

.mr-90 {
  margin-right: 90px; }

.mr-100 {
  margin-right: 100px; }

/* Margin Left Right */
.mx-auto {
  margin-left: auto;
  margin-right: auto; }

.mx-0 {
  margin-left: 0;
  margin-right: 0; }

.mx-5 {
  margin-left: 5px;
  margin-right: 5px; }

.mx-10 {
  margin-left: 10px;
  margin-right: 10px; }

.mx-15 {
  margin-left: 15px;
  margin-right: 15px; }

.mx-20 {
  margin-left: 20px;
  margin-right: 20px; }

.mx-30 {
  margin-left: 30px;
  margin-right: 30px; }

.mx-40 {
  margin-left: 40px;
  margin-right: 40px; }

.mx-50 {
  margin-left: 50px;
  margin-right: 50px; }

.mx-60 {
  margin-left: 60px;
  margin-right: 60px; }

.mx-70 {
  margin-left: 70px;
  margin-right: 70px; }

.mx-80 {
  margin-left: 80px;
  margin-right: 80px; }

.mx-90 {
  margin-left: 90px;
  margin-right: 90px; }

.mx-100 {
  margin-left: 100px;
  margin-right: 100px; }

/* Margin Top Bottom */
.my-auto {
  margin-bottom: auto;
  margin-top: auto; }

.my-0 {
  margin-bottom: 0;
  margin-top: 0; }

.my-5 {
  margin-bottom: 5px;
  margin-top: 5px; }

.my-10 {
  margin-bottom: 10px;
  margin-top: 10px; }

.my-15 {
  margin-bottom: 15px;
  margin-top: 15px; }

.my-20 {
  margin-bottom: 20px;
  margin-top: 20px; }

.my-30 {
  margin-bottom: 30px;
  margin-top: 30px; }

.my-40 {
  margin-bottom: 40px;
  margin-top: 40px; }

.my-50 {
  margin-bottom: 50px;
  margin-top: 50px; }

.my-60 {
  margin-bottom: 60px;
  margin-top: 60px; }

.my-70 {
  margin-bottom: 70px;
  margin-top: 70px; }

.my-80 {
  margin-bottom: 80px;
  margin-top: 80px; }

.my-90 {
  margin-bottom: 90px;
  margin-top: 90px; }

.my-100 {
  margin-bottom: 100px;
  margin-top: 100px; }

/* Content Bottom Space */
.bottom-sp100:after {
  height: 100px;
  content: "";
  display: block; }

.bottom-sp90:after {
  height: 90px;
  content: "";
  display: block; }

.bottom-sp80:after {
  height: 80px;
  content: "";
  display: block; }

.bottom-sp70:after {
  height: 70px;
  content: "";
  display: block; }

.bottom-sp60:after {
  height: 60px;
  content: "";
  display: block; }

.bottom-sp50:after {
  height: 50px;
  content: "";
  display: block; }

.bottom-sp40:after {
  height: 80px;
  content: "";
  display: block; }


.line-top {
	border-top: 1px solid var(--line) !important;
}

.line-bt {
	border-bottom: 1px solid var(--line) !important;
}

.line-bt-dashed {
	border-bottom: 1px dashed var(--line) !important;
}

.line-bt2 {
	border-bottom: 1px solid var(--line-rgba) !important;
}

.line-bt3 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.line-bt4 {
	border-bottom: 1px solid rgb(17, 17, 17, 0.1) !important;
}

.line4-bt {
	border-bottom: 4px solid var(--light-gray);
}

.line-r {
	border-right: 1px solid #e5e5e5;
}

.line-4 {
	height: 4px;
	background-color: #eef0f3;
}

.d-flex {
	display: flex !important;
}

.align-items-end {
	align-items: flex-end !important;
}

.justify-content-between {
	justify-content: space-between !important;
}



/*
|------------------------------------------------------------------------------
| color 
|------------------------------------------------------------------------------
*/

.color-highlight {
	color: #4a89dc !important
}

.bg-highlight {
	background-color: #4a89dc !important;
	color: #fff !important
}

.border-highlight {
	border-color: #4a89dc !important
}

.gradient-highlight {
	background-image: linear-gradient(to bottom,#5d9cec,#4a89dc) !important;
	color: #fff !important
}

.gradient-menu {
	background-image: linear-gradient(130deg,#7ea5f6,#ff384c) !important
}

.gradient-bg {
	background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(251, 176, 51, 1) 100%);
}

.bg-fade2-highlight {
	color: #fff !important
}

.bg-fade-highlight {
	color: #fff !important
}

.color-highlight-light {
	color: #5d9cec !important
}

.bg-highlight-light {
	background-color: #5d9cec !important;
	color: #fff !important
}

.color-highlight-dark {
	color: #4a89dc !important
}

.color-icon-highlight {
	stroke: #4a89dc !important
}

.bg-highlight-dark {
	background-color: #4a89dc !important;
	color: #fff !important
}

.border-highlight-light {
	border-color: #5d9cec !important
}

.border-highlight-dark {
	border-color: #4a89dc !important
}

.focus-highlight:focus {
	border-color: #4a89dc !important
}

.gradient-highlight {
	border: none;
	background-image: linear-gradient(to bottom,#5d9cec,#4a89dc)
}

.bg-fade2-green {
	background-color: rgba(140,193,82,.15) !important;
	color: #fff !important
}

.bg-fade-green {
	background-color: rgba(140,193,82,.3) !important;
	color: #fff !important
}

.color-green-light {
	color: #a0d468 !important
}

.bg-green-light {
	background-color: #a0d468 !important;
	color: #fff !important
}

.color-green-dark {
	color: #8cc152 !important
}

.color-icon-green {
	stroke: #8cc152 !important;
	fill: rgba(140,193,82,.3) !important
}

.bg-green-dark {
	background-color: #8cc152 !important;
	color: #fff !important
}

.border-green-light {
	border-color: #a0d468 !important
}

.border-green-dark {
	border-color: #8cc152 !important
}

.border-fade-green {
	border-color: rgba(140,193,82,.3) !important
}

.focus-green:focus {
	border-color: #8cc152 !important
}

.gradient-green {
	border: none;
	background-image: linear-gradient(to bottom,#a0d468,#8cc152)
}

.bg-fade2-red {
	background-color: rgba(218,68,83,.3) !important;
	color: #fff !important
}

.bg-fade-red {
	background-color: rgba(218,68,83,.2) !important;
	color: #fff !important
}

.color-red-light {
	color: #ed5565 !important
}

.bg-red-light {
	background-color: #ed5565 !important;
	color: #fff !important
}

.color-red-dark {
	color: #ff4530 !important
}

.color-icon-red {
	stroke: #ff4530 !important;
	fill: rgba(218,68,83,.2) !important
}

.bg-red-dark {
	background-color: #ff4530 !important;
	color: #fff !important
}

.border-red-light {
	border-color: #ed5565 !important
}

.border-red-dark {
	border-color: #ff4530 !important
}

.border-fade-red {
	border-color: rgba(218,68,83,.2) !important
}

.focus-red:focus {
	border-color: #ff4530 !important
}

.gradient-red {
	border: none;
	background-image: linear-gradient(to bottom,#ed5565,#ff4530)
}

.bg-fade2-orange {
	background-color: rgba(233,87,63,.2) !important;
	color: #fff !important
}

.bg-fade-orange {
	background-color: rgba(233,87,63,.3) !important;
	color: #fff !important
}

.color-orange-light {
	color: #fc6e51 !important
}

.bg-orange-light {
	background-color: #fc6e51 !important;
	color: #fff !important
}

.color-orange-dark {
	color: #ff9925 !important
}

.color-icon-orange {
	stroke: #ff9925 !important;
	fill: rgba(233,87,63,.3) !important
}

.bg-orange-dark {
	background-color: #ff9925 !important;
	color: #fff !important
}

.border-orange-light {
	border-color: #fc6e51 !important
}

.border-orange-dark {
	border-color: #ff9925 !important
}

.border-fade-orange {
	border-color: rgba(233,87,63,.3) !important
}

.focus-orange:focus {
	border-color: #ff9925 !important
}

.gradient-orange {
	border: none;
	background-image: linear-gradient(to bottom,#fc6e51,#ff9925)
}

.bg-fade2-yellow {
	background-color: rgba(246,187,66,.2) !important;
	color: #fff !important
}

.bg-fade-yellow {
	background-color: rgba(246,187,66,.25) !important;
	color: #fff !important
}

.color-yellow-light {
	color: #ffce54 !important
}

.bg-yellow-light {
	background-color: #ffce54 !important;
	color: #fff !important
}

.color-yellow-dark {
	color: #fbb034 !important
}

.color-icon-yellow {
	stroke: #fbb034 !important;
	fill: rgba(246,187,66,.25) !important
}

.bg-yellow-dark {
	background-color: #fbb034 !important;
	color: #fff !important
}

.border-yellow-light {
	border-color: #ffce54 !important
}

.border-yellow-dark {
	border-color: #fbb034 !important
}

.border-fade-yellow {
	border-color: rgba(246,187,66,.25) !important
}

.focus-yellow:focus {
	border-color: #fbb034 !important
}

.gradient-yellow {
	border: none;
	background-image: linear-gradient(to bottom,#ffce54,#fbb034)
}

.bg-silver {
	background-color: silver !important;
	color: #fff !important
}

.color-silver {
	color: silver !important
}

.bg-copper {
	background-color: #CD7F32 !important;
	color: #fff !important;
}

.color-copper {
	color: #CD7F32 !important
}

.bg-fade2-blue {
	background-color: rgba(74,137,220,.2) !important;
	color: #fff !important
}

.bg-fade-blue {
	background-color: rgba(74,137,220,.25) !important;
	color: #fff !important
}

.color-blue-light {
	color: #5d9cec !important
}

.bg-blue-light {
	background-color: #5d9cec !important;
	color: #fff !important
}

.color-blue-dark {
	color: #4a89dc !important
}

.color-icon-blue {
	stroke: #4a89dc !important;
	fill: rgba(74,137,220,.25) !important
}

.bg-blue-dark {
	background-color: #4a89dc !important;
	color: #fff !important
}

.border-blue-light {
	border-color: #5d9cec !important
}

.border-blue-dark {
	border-color: #4a89dc !important
}

.border-fade-blue {
	border-color: rgba(74,137,220,.25) !important
}

.focus-blue:focus {
	border-color: #4a89dc !important
}

.gradient-blue {
	border: none;
	background-image: linear-gradient(to bottom,#5d9cec,#4a89dc)
}

.bg-fade2-teal {
	background-color: rgba(125,177,177,.2) !important;
	color: #fff !important
}

.bg-fade-teal {
	background-color: rgba(125,177,177,.3) !important;
	color: #fff !important
}

.color-teal-light {
	color: #a0cecb !important
}

.bg-teal-light {
	background-color: #a0cecb !important;
	color: #fff !important
}

.color-teal-dark {
	color: #7db1b1 !important
}

.color-icon-teal {
	stroke: #7db1b1 !important;
	fill: rgba(125,177,177,.3) !important
}

.bg-teal-dark {
	background-color: #7db1b1 !important;
	color: #fff !important
}

.border-teal-light {
	border-color: #a0cecb !important
}

.border-teal-dark {
	border-color: #7db1b1 !important
}

.border-fade-teal {
	border-color: rgba(125,177,177,.3) !important
}

.focus-teal:focus {
	border-color: #7db1b1 !important
}

.gradient-teal {
	border: none;
	background-image: linear-gradient(to bottom,#a0cecb,#7db1b1)
}

.bg-fade2-mint {
	background-color: rgba(55,188,155,.2) !important;
	color: #fff !important
}

.bg-fade-mint {
	background-color: rgba(55,188,155,.3) !important;
	color: #fff !important
}

.color-mint-light {
	color: #48cfad !important
}

.bg-mint-light {
	background-color: #48cfad !important;
	color: #fff !important
}

.color-mint-dark {
	color: #37bc9b !important
}

.color-icon-mint {
	stroke: #37bc9b !important;
	fill: rgba(55,188,155,.3) !important
}

.bg-mint-dark {
	background-color: #37bc9b !important;
	color: #fff !important
}

.border-mint-light {
	border-color: #48cfad !important
}

.border-mint-dark {
	border-color: #37bc9b !important
}

.border-fade-mint {
	border-color: rgba(55,188,155,.3) !important
}

.focus-mint:focus {
	border-color: #37bc9b !important
}

.gradient-mint {
	border: none;
	background-image: linear-gradient(to bottom,#48cfad,#37bc9b)
}

.bg-fade2-pink {
	background-color: rgba(215,112,173,.2) !important;
	color: #fff !important
}

.bg-fade-pink {
	background-color: rgba(255,89,190,.3) !important;
	color: #fff !important
}

.color-pink-light {
	color: #ff5982 !important
}

.bg-pink-light {
	background-color: #ff5982 !important;
	color: #fff !important
}

.color-pink-dark {
	color: #fb3365 !important
}

.color-icon-pink {
	stroke: #fb3365 !important;
	fill: rgba(255,89,190,.3) !important
}

.bg-pink-dark {
	background-color: #fb3365 !important;
	color: #fff !important
}

.border-pink-light {
	border-color: #ff5982 !important
}

.border-pink-dark {
	border-color: #fb3365 !important
}

.border-fade-pink {
	border-color: rgba(255,89,190,.3) !important
}

.focus-pink:focus {
	border-color: #fb3365 !important
}

.gradient-pink {
	border: none;
	background-image: linear-gradient(to bottom,#ff5982,#fb3365)
}

.bg-fade2-magenta {
	background-color: rgba(150,122,220,.2) !important;
	color: #fff !important
}

.bg-fade-magenta {
	background-color: rgba(150,122,220,.3) !important;
	color: #fff !important
}

.color-magenta-light {
	color: #ac92ec !important
}

.bg-magenta-light {
	background-color: #ac92ec !important;
	color: #fff !important
}

.color-magenta-dark {
	color: #967adc !important
}

.color-icon-magenta {
	stroke: #967adc !important;
	fill: rgba(150,122,220,.3) !important
}

.bg-magenta-dark {
	background-color: #967adc !important;
	color: #fff !important
}

.border-magenta-light {
	border-color: #ac92ec !important
}

.border-magenta-dark {
	border-color: #967adc !important
}

.border-fade-magenta {
	border-color: rgba(150,122,220,.3) !important
}

.focus-magenta:focus {
	border-color: #967adc !important
}

.gradient-magenta {
	border: none;
	background-image: linear-gradient(to bottom,#ac92ec,#967adc)
}

.bg-fade2-brown {
	background-color: rgba(170,142,105,.2) !important;
	color: #fff !important
}

.bg-fade-brown {
	background-color: rgba(170,142,105,.25) !important;
	color: #fff !important
}

.color-brown-light {
	color: #baa286 !important
}

.bg-brown-light {
	background-color: #baa286 !important;
	color: #fff !important
}

.color-brown-dark {
	color: #aa8e69 !important
}

.color-icon-brown {
	stroke: #aa8e69 !important;
	fill: rgba(170,142,105,.25) !important
}

.bg-brown-dark {
	background-color: #aa8e69 !important;
	color: #fff !important
}

.border-brown-light {
	border-color: #baa286 !important
}

.border-brown-dark {
	border-color: #aa8e69 !important
}

.border-fade-brown {
	border-color: rgba(170,142,105,.25) !important
}

.focus-brown:focus {
	border-color: #aa8e69 !important
}

.gradient-brown {
	border: none;
	background-image: linear-gradient(to bottom,#baa286,#aa8e69)
}

.bg-fade2-gray {
	background-color: rgba(170,178,189,.2) !important;
	color: #fff !important
}

.bg-fade-gray {
	background-color: rgba(170,178,189,.4) !important;
	color: #fff !important
}

.color-gray-light {
	color: #e2e5ea !important
}

.bg-gray-light {
	background-color: #e2e5ea !important;
	color: #fff !important
}

.color-gray-dark {
	color: #aab2bd !important
}

.color-icon-gray {
	stroke: #aab2bd !important;
	fill: rgba(170,178,189,.4) !important
}

.bg-gray-dark {
	background-color: #aab2bd !important;
	color: #fff !important
}

.border-gray-light {
	border-color: #e2e5ea !important
}

.border-gray-dark {
	border-color: #aab2bd !important
}

.border-fade-gray {
	border-color: rgba(170,178,189,.4) !important
}

.focus-gray:focus {
	border-color: #aab2bd !important
}

.gradient-gray {
	border: none;
	background-image: linear-gradient(to bottom,#e2e5ea,#aab2bd)
}

.bg-fade2-night {
	background-color: rgba(67,74,84,.2) !important;
	color: #fff !important
}

.bg-fade-night {
	background-color: rgba(67,74,84,.3) !important;
	color: #fff !important
}

.color-night-light {
	color: #222529 !important
}

.bg-night-light {
	background-color: #222529 !important;
	color: #fff !important
}

.color-night-dark {
	color: #16181c !important
}

.color-icon-night {
	stroke: #16181c !important;
	fill: rgba(67,74,84,.3) !important
}

.bg-night-dark {
	background-color: #16181c !important;
	color: #fff !important
}

.border-night-light {
	border-color: #222529 !important
}

.border-night-dark {
	border-color: #16181c !important
}

.border-fade-night {
	border-color: rgba(67,74,84,.3) !important
}

.focus-night:focus {
	border-color: #16181c !important
}

.gradient-night {
	border: none;
	background-image: linear-gradient(to bottom,#222529,#16181c)
}

.bg-fade2-dark {
	background-color: rgba(67,74,84,.2) !important;
	color: #fff !important
}

.bg-fade-dark {
	background-color: rgba(67,74,84,.4) !important;
	color: #fff !important
}

.color-dark-light {
	color: #656d78 !important
}

.bg-dark-light {
	background-color: #656d78 !important;
	color: #fff !important
}

.color-dark-dark {
	color: #434a54 !important
}

.color-icon-dark {
	stroke: #434a54 !important;
	fill: rgba(67,74,84,.4) !important
}

.bg-dark-dark {
	background-color: #434a54 !important;
	color: #fff !important
}

.border-dark-light {
	border-color: #656d78 !important
}

.border-dark-dark {
	border-color: #434a54 !important
}

.border-fade-dark {
	border-color: rgba(67,74,84,.4) !important
}

.focus-dark:focus {
	border-color: #434a54 !important
}

.gradient-dark {
	border: none;
	background-image: linear-gradient(to bottom,#656d78,#434a54)
}

.color-facebook {
	color: #3b5998 !important
}

.bg-facebook {
	background-color: #3b5998 !important;
	color: #fff
}

.color-linkedin {
	color: #0077b5 !important
}

.bg-linkedin {
	background-color: #0077b5 !important;
	color: #fff
}

.color-twitter {
	color: #4099ff !important
}

.bg-twitter {
	background-color: #4099ff !important;
	color: #fff
}

.color-google {
	color: #d34836 !important
}

.bg-google {
	background-color: #d34836 !important;
	color: #fff
}

.color-whatsapp {
	color: #34af23 !important
}

.bg-whatsapp {
	background-color: #34af23 !important;
	color: #fff
}

.color-pinterest {
	color: #c92228 !important
}

.bg-pinterest {
	background-color: #c92228 !important;
	color: #fff
}

.color-mail {
	color: #3498db !important
}

.bg-mail {
	background-color: #3498db !important;
	color: #fff
}

.color-phone {
	color: #27ae60 !important
}

.bg-phone {
	background-color: #27ae60 !important;
	color: #fff
}

.color-instagram {
	color: #e1306c !important
}

.bg-instagram {
	background-color: #e1306c !important;
	color: #fff
}

.color-white {
	color: #fff !important
}

.color-black {
	color: #000 !important
}

.bg-white {
	background-color: #fff !important;
	color: #000 !important;
}

.bg-black {
	background-color: #000 !important;
	color: #fff !important;
}

.border-radius-style {
	border-radius: 0% 0% 90% 90% / 0% 0% 66% 66%;
}

.bg-transparent { background: transparent !important; }
.bg-translucent { background-color: rgba(255, 255, 255, 0.75); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); }
.dark .bg-translucent, .dark.bg-translucent { background-color: rgba(45, 45, 45, 0.75); }

.bg-color-chrome { --f7-theme-color-bg-color: rgba(var(--f7-color-gray-rgb), 0.25); }
.border-color-chrome { --f7-theme-color-border-color: rgba(var(--f7-color-gray-rgb), 0.25); }

.rolate-45 {
	transform: rotate(45deg);
}

.rolate-90 {
	transform: rotate(90deg);
}

.rolate-180 {
	transform: rotate(180deg);
}


:root {
	--f7-elevation-0: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	--f7-elevation-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	--f7-elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	--f7-elevation-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12);
	--f7-elevation-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	--f7-elevation-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12);
	--f7-elevation-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	--f7-elevation-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12);
	--f7-elevation-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);
	--f7-elevation-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12);
	--f7-elevation-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12);
	--f7-elevation-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12);
	--f7-elevation-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);
	--f7-elevation-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12);
	--f7-elevation-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12);
	--f7-elevation-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12);
	--f7-elevation-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);
	--f7-elevation-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12);
	--f7-elevation-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12);
	--f7-elevation-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12);
	--f7-elevation-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12);
	--f7-elevation-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12);
	--f7-elevation-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12);
	--f7-elevation-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12);
	--f7-elevation-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)
}

.elevation-0 {
	box-shadow: var(--f7-elevation-0) !important
}

.elevation-1 {
	box-shadow: var(--f7-elevation-1) !important
}

.elevation-2 {
	box-shadow: var(--f7-elevation-2) !important
}

.elevation-3 {
	box-shadow: var(--f7-elevation-3) !important
}

.elevation-4 {
	box-shadow: var(--f7-elevation-4) !important
}

.elevation-5 {
	box-shadow: var(--f7-elevation-5) !important
}

.elevation-6 {
	box-shadow: var(--f7-elevation-6) !important
}

.elevation-7 {
	box-shadow: var(--f7-elevation-7) !important
}

.elevation-8 {
	box-shadow: var(--f7-elevation-8) !important
}

.elevation-9 {
	box-shadow: var(--f7-elevation-9) !important
}

.elevation-10 {
	box-shadow: var(--f7-elevation-10) !important
}

.elevation-11 {
	box-shadow: var(--f7-elevation-11) !important
}

.elevation-12 {
	box-shadow: var(--f7-elevation-12) !important
}

.elevation-13 {
	box-shadow: var(--f7-elevation-13) !important
}

.elevation-14 {
	box-shadow: var(--f7-elevation-14) !important
}

.elevation-15 {
	box-shadow: var(--f7-elevation-15) !important
}

.elevation-16 {
	box-shadow: var(--f7-elevation-16) !important
}

.elevation-17 {
	box-shadow: var(--f7-elevation-17) !important
}

.elevation-18 {
	box-shadow: var(--f7-elevation-18) !important
}

.elevation-19 {
	box-shadow: var(--f7-elevation-19) !important
}

.elevation-20 {
	box-shadow: var(--f7-elevation-20) !important
}

.elevation-21 {
	box-shadow: var(--f7-elevation-21) !important
}

.elevation-22 {
	box-shadow: var(--f7-elevation-22) !important
}

.elevation-23 {
	box-shadow: var(--f7-elevation-23) !important
}

.elevation-24 {
	box-shadow: var(--f7-elevation-24) !important
}


.device-desktop .elevation-hover-0:hover {
	box-shadow: var(--f7-elevation-0) !important
}

.device-desktop .elevation-hover-1:hover {
	box-shadow: var(--f7-elevation-1) !important
}

.device-desktop .elevation-hover-2:hover {
	box-shadow: var(--f7-elevation-2) !important
}

.device-desktop .elevation-hover-3:hover {
	box-shadow: var(--f7-elevation-3) !important
}

.device-desktop .elevation-hover-4:hover {
	box-shadow: var(--f7-elevation-4) !important
}

.device-desktop .elevation-hover-5:hover {
	box-shadow: var(--f7-elevation-5) !important
}

.device-desktop .elevation-hover-6:hover {
	box-shadow: var(--f7-elevation-6) !important
}

.device-desktop .elevation-hover-7:hover {
	box-shadow: var(--f7-elevation-7) !important
}

.device-desktop .elevation-hover-8:hover {
	box-shadow: var(--f7-elevation-8) !important
}

.device-desktop .elevation-hover-9:hover {
	box-shadow: var(--f7-elevation-9) !important
}

.device-desktop .elevation-hover-10:hover {
	box-shadow: var(--f7-elevation-10) !important
}

.device-desktop .elevation-hover-11:hover {
	box-shadow: var(--f7-elevation-11) !important
}

.device-desktop .elevation-hover-12:hover {
	box-shadow: var(--f7-elevation-12) !important
}

.device-desktop .elevation-hover-13:hover {
	box-shadow: var(--f7-elevation-13) !important
}

.device-desktop .elevation-hover-14:hover {
	box-shadow: var(--f7-elevation-14) !important
}

.device-desktop .elevation-hover-15:hover {
	box-shadow: var(--f7-elevation-15) !important
}

.device-desktop .elevation-hover-16:hover {
	box-shadow: var(--f7-elevation-16) !important
}

.device-desktop .elevation-hover-17:hover {
	box-shadow: var(--f7-elevation-17) !important
}

.device-desktop .elevation-hover-18:hover {
	box-shadow: var(--f7-elevation-18) !important
}

.device-desktop .elevation-hover-19:hover {
	box-shadow: var(--f7-elevation-19) !important
}

.device-desktop .elevation-hover-20:hover {
	box-shadow: var(--f7-elevation-20) !important
}

.device-desktop .elevation-hover-21:hover {
	box-shadow: var(--f7-elevation-21) !important
}

.device-desktop .elevation-hover-22:hover {
	box-shadow: var(--f7-elevation-22) !important
}

.device-desktop .elevation-hover-23:hover {
	box-shadow: var(--f7-elevation-23) !important
}

.device-desktop .elevation-hover-24:hover {
	box-shadow: var(--f7-elevation-24) !important
}

.active-state.elevation-pressed-0, .device-desktop .active-state.elevation-pressed-0 {
	box-shadow: var(--f7-elevation-0) !important
}

.active-state.elevation-pressed-1, .device-desktop .active-state.elevation-pressed-1 {
	box-shadow: var(--f7-elevation-1) !important
}

.active-state.elevation-pressed-2, .device-desktop .active-state.elevation-pressed-2 {
	box-shadow: var(--f7-elevation-2) !important
}

.active-state.elevation-pressed-3, .device-desktop .active-state.elevation-pressed-3 {
	box-shadow: var(--f7-elevation-3) !important
}

.active-state.elevation-pressed-4, .device-desktop .active-state.elevation-pressed-4 {
	box-shadow: var(--f7-elevation-4) !important
}

.active-state.elevation-pressed-5, .device-desktop .active-state.elevation-pressed-5 {
	box-shadow: var(--f7-elevation-5) !important
}

.active-state.elevation-pressed-6, .device-desktop .active-state.elevation-pressed-6 {
	box-shadow: var(--f7-elevation-6) !important
}

.active-state.elevation-pressed-7, .device-desktop .active-state.elevation-pressed-7 {
	box-shadow: var(--f7-elevation-7) !important
}

.active-state.elevation-pressed-8, .device-desktop .active-state.elevation-pressed-8 {
	box-shadow: var(--f7-elevation-8) !important
}

.active-state.elevation-pressed-9, .device-desktop .active-state.elevation-pressed-9 {
	box-shadow: var(--f7-elevation-9) !important
}

.active-state.elevation-pressed-10, .device-desktop .active-state.elevation-pressed-10 {
	box-shadow: var(--f7-elevation-10) !important
}

.active-state.elevation-pressed-11, .device-desktop .active-state.elevation-pressed-11 {
	box-shadow: var(--f7-elevation-11) !important
}

.active-state.elevation-pressed-12, .device-desktop .active-state.elevation-pressed-12 {
	box-shadow: var(--f7-elevation-12) !important
}

.active-state.elevation-pressed-13, .device-desktop .active-state.elevation-pressed-13 {
	box-shadow: var(--f7-elevation-13) !important
}

.active-state.elevation-pressed-14, .device-desktop .active-state.elevation-pressed-14 {
	box-shadow: var(--f7-elevation-14) !important
}

.active-state.elevation-pressed-15, .device-desktop .active-state.elevation-pressed-15 {
	box-shadow: var(--f7-elevation-15) !important
}

.active-state.elevation-pressed-16, .device-desktop .active-state.elevation-pressed-16 {
	box-shadow: var(--f7-elevation-16) !important
}

.active-state.elevation-pressed-17, .device-desktop .active-state.elevation-pressed-17 {
	box-shadow: var(--f7-elevation-17) !important
}

.active-state.elevation-pressed-18, .device-desktop .active-state.elevation-pressed-18 {
	box-shadow: var(--f7-elevation-18) !important
}

.active-state.elevation-pressed-19, .device-desktop .active-state.elevation-pressed-19 {
	box-shadow: var(--f7-elevation-19) !important
}

.active-state.elevation-pressed-20, .device-desktop .active-state.elevation-pressed-20 {
	box-shadow: var(--f7-elevation-20) !important
}

.active-state.elevation-pressed-21, .device-desktop .active-state.elevation-pressed-21 {
	box-shadow: var(--f7-elevation-21) !important
}

.active-state.elevation-pressed-22, .device-desktop .active-state.elevation-pressed-22 {
	box-shadow: var(--f7-elevation-22) !important
}

.active-state.elevation-pressed-23, .device-desktop .active-state.elevation-pressed-23 {
	box-shadow: var(--f7-elevation-23) !important
}

.active-state.elevation-pressed-24, .device-desktop .active-state.elevation-pressed-24 {
	box-shadow: var(--f7-elevation-24) !important
}

.elevation-transition-100 {
	transition-duration: .1s;
	transition-property: box-shadow
}

.elevation-transition, .elevation-transition-200 {
	transition-duration: .2s;
	transition-property: box-shadow
}

.elevation-transition-300 {
	transition-duration: .3s;
	transition-property: box-shadow
}

.elevation-transition-400 {
	transition-duration: .4s;
	transition-property: box-shadow
}

.elevation-transition-500 {
	transition-duration: .5s;
	transition-property: box-shadow
}


.media {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flexbox-centered {
	align-items: center;
	border-radius: inherit;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 100%;
}

/*
|------------------------------------------------------------------------------
| Shape & Size
|------------------------------------------------------------------------------
*/

.shape-container {
	box-sizing: border-box;
	display: inline-flex;
	flex-direction: column;
	overflow: hidden;
	text-align: center;
	background: var(--f7-color-picker-group-bg-color);
	align-items: center;
	justify-content: center;
}

.shape-container i{
	font-size: 32px;
}

.shape-auto {
	border-radius: var(--f7-block-inset-border-radius);
}

.shape-circle {
	border-radius: 50% !important;
}

.shape-circle-half {
	border-radius: 25% !important;
}

.shape-inherit {
	border-radius: inherit !important;
}

.shape-none {
	border-radius: 0 !important;
}

.size-8 {
	height: 8px;
	width: 8px;
}

.size-12 {
	height: 12px;
	width: 12px;
}

.size-16 {
	height: 16px;
	width: 16px;
}

.size-20 {
	height: 20px;
	width: 20px;
}

.size-24 {
	height: 24px;
	width: 24px;
}

.size-32 {
	height: 32px;
	width: 32px;
}

.size-40 {
	height: 40px;
	width: 40px;
}

.size-48 {
	height: 48px;
	width: 48px;
}

.size-56 {
	height: 56px;
	width: 56px;
}

.size-64 {
	height: 64px;
	width: 64px;
}

.size-72 {
	height: 72px;
	width: 72px;
}

.size-80 {
	height: 80px;
	width: 80px;
}

.size-96 {
	height: 96px;
	width: 96px;
}

.size-100 {
	height: 100px;
	width: 100px;
}

.size-112 {
	height: 112px;
	width: 112px;
}

.size-128 {
	height: 128px;
	width: 128px;
}