.mog-sp-wrap {margin-bottom:1rem; margin:0; padding:0;}
.mog-sp-wrap .sp-title{padding: .6rem; margin-bottom: 1rem;} 
.mog-sp-wrap .sp-body {padding: .8rem;}

.mog-sp-wrap .sp-link:hover, 
.mog-sp-wrap .sp-link:focus{
    outline: none;
    text-decoration: none;
}

.mog-sp-wrap >.sp-list .sp-link{transition: all 0.3s ease 0s; border: none;}

.mog-sp-wrap .mflex {
	display: -webkit-box!important;
	display: -moz-box!important;
	display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
    list-style: none;
	width: 100%;
}
.mog-sp-wrap .mjustify-start,
.mog-sp-wrap .mjustify-left,
.mog-sp-wrap .mjustify-top {
	justify-content: flex-start!important;
	-ms-flex-pack: start!important;
}
.mog-sp-wrap .mjustify-end,
.mog-sp-wrap .mjustify-right,
.mog-sp-wrap .mjustify-bottom {
	justify-content: flex-end!important;
	-ms-flex-pack: end!important;
}
.mog-sp-wrap .mjustify-center {
	justify-content: center!important;
	-ms-flex-pack: center!important;
}
.mog-sp-wrap .mjustify-between {
	justify-content: space-between!important;
	-ms-flex-pack: justify!important;
}
.mog-sp-wrap .mjustify-around {
	justify-content: space-around!important;
	-ms-flex-pack: distribute!important;
}
.mog-sp-wrap .mjustify-evenly {
	justify-content: space-evenly!important;
}
.mog-sp-wrap .mjustify-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.mog-sp-wrap .malign-items-start,
.mog-sp-wrap .malign-items-left{ 
	align-items: start!important;
	ms-flex-line-pack: flex-start!important;
}
.mog-sp-wrap .malign-items-end,
.mog-sp-wrap .malign-items-right{
	-ms-flex-line-pack: end!important;
	align-items: flex-end!important;
}
.mog-sp-wrap .malign-items-center {
	align-items: center!important;
	-ms-flex-line-pack: center!important;
}
.mog-sp-wrap .malign-items-baseline {
	-ms-flex-align: baseline !important;
	align-items: baseline !important;
}
.mog-sp-wrap .malign-items-stretch {
	-ms-flex-align: stretch !important;
	align-items: stretch !important;
}

.mog-sp-wrap .malign-content-start {
	-ms-flex-line-pack: start !important;
	align-content: flex-start !important;
}
.mog-sp-wrap .malign-content-end {
	-ms-flex-line-pack: end !important;
	align-content: flex-end !important;
}
.mog-sp-wrap .malign-content-center {
	-ms-flex-line-pack: center !important;
	align-content: center !important;
}
.mog-sp-wrap .malign-content-between {
	-ms-flex-line-pack: justify !important;
	align-content: space-between !important;
}
.mog-sp-wrap .malign-content-around {
	-ms-flex-line-pack: distribute !important;
	align-content: space-around !important;
}
.mog-sp-wrap .malign-content-stretch {
	-ms-flex-line-pack: stretch !important;
	align-content: stretch !important;
}

.mog-sp-wrap .mflex-center {
	align-items: center !important;
	justify-content: center !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}
.mog-sp-wrap .mflex-column {
	display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-direction: column !important;
	flex-direction: column !important;
}
.mog-sp-wrap .mflex-column-center {
	display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-direction: column !important;
	flex-direction: column !important;
	align-items: center;
	-ms-flex-line-pack: center;
}
.mog-sp-wrap .mflex-column-reverse {
	display: -ms-flexbox!important;
    display: flex!important;
	-ms-flex-direction: column-reverse !important;
	flex-direction: column-reverse !important;
}
.mog-sp-wrap .mflex-row {
	display: -ms-flexbox!important;
    display: flex!important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}
.mog-sp-wrap .mflex-row-reverse {
	display: -ms-flexbox!important;
    display: flex!important;
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important;
}

.mog-sp-wrap .mflex-fill {
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
}
.mog-sp-wrap .mflex-grow-0 {
	-ms-flex-positive: 0 !important;
	flex-grow: 0 !important;
}
.mog-sp-wrap .mflex-grow-1 {
	-ms-flex-positive: 1 !important;
	flex-grow: 1 !important;
}
.mog-sp-wrap .mflex-shrink-0 {
	-ms-flex-negative: 0 !important;
	flex-shrink: 0 !important;
}
.mog-sp-wrap .mflex-shrink-1 {
	-ms-flex-negative: 1 !important;
	flex-shrink: 1 !important;
}
.mog-sp-wrap .mflex-1 {
    -webkit-flex: 1;
    flex: 1
}

.mog-sp-wrap .mfloat {
    display: initial !important;
}
.mog-sp-wrap .mfloat-left {
  float: left !important;
}
.mog-sp-wrap .mfloat-right {
  float: right !important;
}
.mog-sp-wrap .mfloat-none {
  float: none !important;
}
.mog-sp-wrap .malign-left {
	text-align: left !important;
}
.mog-sp-wrap .malign-right {
	text-align: right !important;
}
.mog-sp-wrap .malign-center {
	text-align: center !important;
}
.mog-sp-wrap .mvalign-top,
.mog-sp-wrap .mvalign-start {
	vertical-align: top !important;
}
.mog-sp-wrap .mvalign-middle,
.mog-sp-wrap .mvalign-center {
	vertical-align: middle !important;
}
.mog-sp-wrap .mvalign-bottom,
.mog-sp-wrap .mvalign-end {
	vertical-align: bottom !important;
}

.mog-sp-wrap .sp-list.icon-left .sp-link i {
    margin-right: 4px;
}
.mog-sp-wrap .sp-list.icon-right .sp-link i {
    margin-left: 4px;
}
.mog-sp-wrap .sp-list.icon-center .sp-link i {
    margin-bottom: 2px 0;
}

.mog-sp-wrap >.sp-nav  .sp-link{position: relative; padding-right: 15px;}
.mog-sp-wrap  >.sp-nav .sp-link:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f054";
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	transition: transform 0.3s ease-in-out;
}
.mog-sp-wrap >.sp-nav .sp-link span {padding-right:15px;}
.mog-sp-wrap >.sp-nav .m-active .sp-link:before,
.mog-sp-wrap >.sp-nav .sp-link:hover:before {
	-webkit-transform: translateY(-50%) rotate(90deg);
	        transform: translateY(-50%) rotate(90deg); 
			
}

.mog-sp-wrap >.sp-list .sp-body.scale {
    opacity: 0;
    transform: scale(0.9);
    transition: all 0.5s ease-in-out 0s;
}
.mog-sp-wrap >.sp-list .sp-body.scale.show{
    opacity: 1;
    transform: scale(1);
}
.mog-sp-wrap >.sp-list .sp-body.fade {
    transition: opacity 0.3s linear;
}

.mog-sp-wrap >.sp-list.sp-btn >.sp-item .sp-link.btn-primary {
    color: #fff;
    background-color: #949494;
    border-color: #949494;
}
.mog-sp-wrap >.sp-list.sp-btn >.sp-item .sp-link.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(162, 162, 162, 0.4);
}
.mog-sp-wrap >.sp-list.sp-btn >.sp-item.m-active .btn-primary,
.mog-sp-wrap >.sp-list.sp-btn >.sp-item .sp-link.btn-primary:hover {
    color: #fff;
    background-color: #5f5f5f;
    border-color: #d0d0d0;
}
.mog-sp-wrap >.sp-list.sp-btn >.sp-item >.sp-head{
	background-color: transparent !important;
}
.mog-sp-wrap >.sp-list.sp-btn>.sp-item >.sp-body {
	margin-top:8px;
}

.mog-sp-wrap >.sp-list.sp-head-mode > .sp-item >.sp-head .sp-head-inner-open,
.mog-sp-wrap >.sp-list.sp-head-mode > .sp-item.m-active > .sp-head .sp-head-inner-close{
	display: none;
}
.mog-sp-wrap >.sp-list.sp-head-mode > .sp-item.m-active > .sp-head .sp-head-inner-open{
	display: block;
}

.mog-sp-wrap .loader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -35px;
}
.mog-sp-wrap .loader .spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
	color: #674aee!important;
}
.mog-sp-wrap .loader .spinner-border .sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}