.m-r-4 {
  margin-right: 4px !important; }
.m-b-8 {
  margin-bottom: 8px !important; }
.m-t-8 {
  margin-top: 8px !important; }
.m-t-12 {
  margin-top: 12px !important; }
.m-l-auto {
  margin-left: auto !important; }
.p-tnb-4 {
  padding: 4px 0 !important; }
.pt-block-purple-1 {
  border-color: #7976A0;
  background-color: #2D2A49;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08); 
}
.pt-dialog__gallery h2 {
	font-size: 32px;
	display: block;
}
.pt-dialog__gallery h5 {
	font-size: 20px;
}
.pt-dialog__gallery .lead {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.75; 
}
.pt-dialog__gallery .txt-white {
  color: #FFFFFF !important; }
.pt-dialog__gallery .p-lnr-6 {
  padding: 0 6px !important; }
.pt-dialog__gallery .p-tnb-32 {
  padding: 32px 0 !important; }
.pt-dialog__gallery .text-center {
  text-align: center !important; 
}
.pt-dialog__gallery .icon-va-4 {
  vertical-align: -4px; 
}
.pt-dialog__gallery .m-t-6 {
  margin-top: 6px !important; 
}
.m-b-12 {
  margin-bottom: 12px !important; 
}
.pt-dialog__gallery .m-b-24 {
  margin-bottom: 24px !important; 
}
.m-t-16 {
  margin-top: 16px !important; 
}
.m-tnb-16 {
  margin: 16px 0 !important; }
.pt-dialog__gallery .m-tnb-24 {
  margin: 24px 0 !important; 
}
.pt-dialog__gallery .m-l-auto {
  margin-left: auto; 
}
.pt-dialog__gallery .p-lnr-0 {
  padding: 0 0px !important; 
}
.pt-dialog__gallery .p-t-24 {
  padding-top: 24px !important; 
}
.p-all-4 {
  padding: 4px !important; 
}
.p-all-12 {
  padding: 12px !important; 
}
.p-tnb-16 {
	padding: 16px 0 !important;
}

.txt-underline {
  text-decoration: underline; }
a.txt-underline:hover, a.txt-underline:link, a.txt-underline:active, a.txt-underline:visited {
  text-decoration: underline; }

.pt-dialog__gallery a,
.pt-dialog__gallery a:link{
  color: #B39DDB;
  text-decoration: none; 
}
.pt-dialog__gallery a:visited {
	color: #B39DDB;
	text-decoration: underline; 
}
.pt-dialog__gallery a:hover {
	color: #D1C4E9;
	text-decoration: underline; 
}
.pt-dialog__gallery a:focus {
	color: #D1C4E9;
	text-decoration: underline; 
}
.pt-dialog__gallery a:active {
	color: #9575CD; 
}
.pt-dialog__gallery a.disabled {
	pointer-events: none; 
}

.pt-dialog__gallery a.btn-text-light {
	color: rgba(233, 229, 246, 0.87);
	background: transparent;
	background-image: none;
	border: none;
	transition: background 0.8s; 
}
.pt-dialog__gallery .btn-text-light:visited {
    color: rgba(233, 229, 246, 0.87); 
}
.pt-dialog__gallery .btn-text-light:hover {
    color: rgba(233, 229, 246, 0.87);
    background: rgba(115, 115, 153, 0.12); 
}
.pt-dialog__gallery .btn-text-light:focus, 
.pt-dialog__gallery .btn-text-light.focus {
    -webkit-box-shadow: none;
    box-shadow: none; 
}
.pt-dialog__gallery .btn-text-light:disabled, 
.pt-dialog__gallery .btn-text-light.disabled {
    color: rgba(233, 229, 246, 0.3);
    background: transparent; 
}
.pt-dialog__gallery .btn-text-light:not(:disabled):not(.disabled):active, 
.pt-dialog__gallery .btn-text-light:not(:disabled):not(.disabled).active, 
.pt-dialog__gallery .show > .btn-text-light.dropdown-toggle {
    color: #000000;
    background: rgba(115, 115, 153, 0.24); 
}
.pt-dialog__gallery .btn-text-light:not(:disabled):not(.disabled):active:focus, 
.pt-dialog__gallery .btn-text-light:not(:disabled):not(.disabled).active:focus, 
.pt-dialog__gallery .show > .btn-text-light.dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none; 
}
.pt-dialog__gallery .btn-text-light.loading {
    color: rgba(233, 229, 246, 0.87);
    background: rgba(115, 115, 153, 0.12);
    pointer-events: none; 
}


.pt-lists-item__checkbox {
  position: relative;
  /* Input */
  /* Span */
  /* Checked, Indeterminate */
  /* Hover, Focus */
  /*.pure-material-checkbox:hover > input:hover + span::before,
  .pure-material-radio:hover > input:hover + span::before {
      opacity: 0.6;
  }*/
  /* Active */
  /* Disabled */ }
  .pt-lists-item__checkbox .pure-material-checkbox, .pt-lists-item__checkbox .pure-material-radio {
    z-index: 0;
    position: relative;
    display: inline-block;
    margin-right: -4px;
    pointer-events: none; /* hotfix checkbox safari on ios */
}
  .pt-lists-item__checkbox .pure-material-checkbox > input,
  .pt-lists-item__checkbox .pure-material-radio > input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    z-index: -8;
    position: absolute;
    left: calc(50% - 26px);
    top: calc(50% - 20px);
    display: block;
    margin: 0;
    border-radius: 50%;
    width: 0px; /*40px*/
    height: 0px; /*40px*/
    background-color: rgba(115, 115, 153, 0.12);
    box-shadow: none;
    outline: none;
    opacity: 0;
    transform: scale(1);
    pointer-events: none;
    transition: opacity 0.3s, transform 0.2s; 
	border: 0;
    padding: 0;
    visibility: hidden;
}
.pt-lists-item__checkbox .pure-material-checkbox > input.pure-material-small,
.pt-lists-item__checkbox .pure-material-radio > input.pure-material-small {
      left: -4px;
      top: -2px;
      width: 24px;
      height: 24px; }
  .pt-lists-item__checkbox .pure-material-checkbox > span,
  .pt-lists-item__checkbox .pure-material-radio > span {
    font-size: 0;
    /* hidden text */
    width: 100%;
    cursor: pointer; }
.pt-lists-item__checkbox .pure-material-checkbox span::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    margin-right: 12px;
    /*margin: 3px 12px 3px 1px;*/
    border: solid 2px;
    border-color: rgba(233, 229, 246, 0.6);
    border-radius: 2px;
    background: rgba(0,0,0,0.38);
    width: 24px;
    height: 24px;
    vertical-align: top;
    transition: border-color 0.2s, background-color 0.2s; }
.pt-image-gallery .pt-lists-item__checkbox .pure-material-checkbox span::before {
    margin-right: 12px;
    width: 32px;
    height: 32px;}
.pt-lists-item__checkbox .pure-material-checkbox span::after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 4px;
    width: 12px;
    height: 6px;
    border: solid 2px transparent;
    border-right: none;
    border-top: none;
    transform: translate(3px, 4px) rotate(-45deg); }
 .pt-image-gallery .pt-lists-item__checkbox .pure-material-checkbox span::after {
    top: 9px;
    left: 6px;
    width: 16px;
    height: 8px; }
  .pt-lists-item__checkbox .pure-material-checkbox .small-checkbox::before {
    width: 16px;
    height: 16px; }
  .pt-lists-item__checkbox .pure-material-checkbox .small-checkbox::after {
    top: 3px;
    left: 1px; }
  .pt-lists-item__checkbox .pure-material-radio span::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    margin: 2px 12px 2px 0;
    border: solid 2px;
    border-color: rgba(233, 229, 246, 0.6);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    vertical-align: top;
    transition: border-color 0.2s; }
  .pt-lists-item__checkbox .pure-material-radio span::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #9575CD;
    transform: translate(5px, 5px) scale(0);
    transition: transform 0.2s; }
  .pt-lists-item__checkbox .pure-material-radio .small-radio::before {
    width: 16px;
    height: 16px; }
  .pt-lists-item__checkbox .pure-material-radio .small-radio::after {
    top: 1px;
    left: -1px;
    width: 8px;
    height: 8px; }
  .pt-lists-item__checkbox .pure-material-checkbox > input:checked,
  .pt-lists-item__checkbox .pure-material-checkbox > input:indeterminate,
  .pt-lists-item__checkbox .pure-material-radio > input:checked {
    background-color: #9575CD; } 
  .pt-lists-item__checkbox .pure-material-checkbox > input:checked + span::before,
  .pt-lists-item__checkbox .pure-material-checkbox > input:indeterminate + span::before {
    border-color: #9575CD;
    background-color: #9575CD; }
  .pt-lists-item__checkbox .pure-material-radio > input:checked + span::before {
    border-color: #9575CD; }
  .pt-lists-item__checkbox .pure-material-checkbox > input:checked + span::after,
  .pt-lists-item__checkbox .pure-material-checkbox > input:indeterminate + span::after {
    border-color: #FFFFFF; }
  .pt-lists-item__checkbox .pure-material-checkbox > input:indeterminate + span::after {
    border-left: none;
    transform: translate(4px, 3px); }
  .pt-lists-item__checkbox .pure-material-radio > input:checked + span::after {
    transform: translate(5px, 5px) scale(1); }
  .pt-lists-item__checkbox .pure-material-checkbox:hover > input,
  .pt-lists-item__checkbox .pure-material-radio:hover > input {
    opacity: 1; }
  .pt-lists-item__checkbox .pure-material-checkbox:hover > input:checked,
  .pt-lists-item__checkbox .pure-material-radio:hover > input:checked {
    opacity: 0.12; }
  .pt-lists-item__checkbox .pure-material-checkbox > input:hover + span::before,
  .pt-lists-item__checkbox .pure-material-radio > input:hover + span::before {
    border-color: #9575CD; }
  .pt-lists-item__checkbox .pure-material-checkbox > input:active,
  .pt-lists-item__checkbox .pure-material-radio > input:active {
    opacity: 1;
    transform: scale(0);
    transition: transform 0s, opacity 0s; }
  .pt-lists-item__checkbox .pure-material-checkbox > input:active + span::before,
  .pt-lists-item__checkbox .pure-material-radio > input:active + span::before {
    border-color: #9575CD; }
  .pt-lists-item__checkbox .pure-material-checkbox > input:checked:active + span::before {
    border-color: transparent;
    background-color: rgba(233, 229, 246, 0.6); }
  .pt-lists-item__checkbox .pure-material-checkbox > input:disabled,
  .pt-lists-item__checkbox .pure-material-radio > input:disabled {
    opacity: 0; }
  .pt-lists-item__checkbox .pure-material-checkbox > input:disabled + span,
  .pt-lists-item__checkbox .pure-material-radio > input:disabled + span {
    color: rgba(233, 229, 246, 0.3);
    cursor: initial; }
  .pt-lists-item__checkbox .pure-material-checkbox > input:disabled + span::before,
  .pt-lists-item__checkbox .pure-material-radio > input:disabled + span::before {
    border-color: currentColor; }
  .pt-lists-item__checkbox .pure-material-checkbox > input:checked:disabled + span::before,
  .pt-lists-item__checkbox .pure-material-checkbox > input:indeterminate:disabled + span::before,
  .pt-lists-item__checkbox .pure-material-radio > input:disabled + span::after {
    border-color: transparent;
    background-color: currentColor; }



/*Modal*/
.pt-modal {
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.38);
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transform: translateZ(0);
    transition: opacity .2s linear;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    overflow-y: auto;
}
.pt-modal.pt-modal-mask {
	visibility: visible;
	opacity: 1;
	z-index: 1040;
} 
.pt-modal.pt-modal-layer2 {
	background-color: rgba(0, 0, 0, 0.6);
}

.pt-dialog__box {
  margin: auto;
  min-width: 280px;
  max-width: 560px;
  background-color: #353156;
  border-radius: 4px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08); 
}
.pt-dialog__box .pt-dialog__mobile_fulid {
	border-radius: 4px;
}
.pt-dialog__box, .pt-dialog__box *, ::after, ::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pt-dialog__box .pt-dialog__heading {
	color: rgba(233, 229, 246, 0.87);
	padding: 20px 16px 20px 24px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center; 
}
.pt-dialog__box .pt-dialog__heading h5 {
	margin: 0;
    padding-right: 4px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; 
	font-size: 20px;
	line-height: 1.5;
}
.pt-dialog__box .pt-dialog__heading a {
	margin-left: auto;
	color: rgba(233, 229, 246, 0.6);
	white-space: nowrap; 
	font-size: 16px;
	text-decoration: none;
}
.pt-dialog__box .pt-dialog__heading a i {
      vertical-align: -6px; 
}
.pt-dialog__box .pt-dialog__heading a.pt-dialog__left-icon {
	  margin-left: -8px;
	  margin-right: 32px; 
}
.pt-dialog__box .pt-dialog__heading.pt-dialog__heading-no_divider {
	  padding: 20px 16px 8px 24px;
	  border-bottom: none; 
}
.pt-dialog__box .pt-dialog__subheading {
	padding: 12px 24px;
	height: 64px;
	background: rgba(0, 0, 0, 0.12);
	border-bottom: 1px solid rgba(255, 255, 255, 0.12); 
}
.pt-dialog__box .pt-dialog__content {
	position: relative;
	color: rgba(233, 229, 246, 0.6);
	padding: 24px;
	max-height: calc(75vh - 116px);
	overflow-y: auto;
	min-height: 88px;
	line-height: 1.5; 
	font-size: 16px;
    word-break: break-word;
    word-wrap: break-word;
}
/* Alway show scroll color  */
.pt-dialog__box .pt-dialog__content,
.pt-scroll2-y {
  overflow: hidden;
  flex: 1;
  overflow-y: auto;
  scrollbar-color: rgba(233, 229, 246, 0.3) transparent;
  scrollbar-width: thin; 
}


.pt-dialog__box .pt-dialog__content p {
	margin-bottom: 16px;
	margin-top: 0;
}
.pt-dialog__box .pt-dialog__space_no_event:before {
	content: '';
	display: block;
	width: 100%;
	height: 14px;
	position: absolute;
	left: 0;
	right: 10px;
	top: -14px;
	pointer-events: visible; 
}
.pt-dialog__box .pt-dialog__space_no_event:after {
	content: '';
	display: block;
	width: 100%;
	height: 14px;
	position: absolute;
	left: 0;
	right: 10px;
	bottom: -14px;
	pointer-events: visible; 
}
.pt-dialog__box.pt-dialog__box-fullfill {
	max-width: 100%;
	width: 100%; 
}
.pt-dialog__form {
	position: relative;
	border: 1px solid #7976A0;
	width: 640px;
	max-width: 640px; 
}
.pt-dialog__form.pt-dialog__gallery {
	width: 1020px;
  	max-width: 1020px;
  	min-width: 1020px;
}
.pt-dialog__form.pt-dialog__gallery > .pt-dialog__content {
	min-height: 40vh;
	max-height: 40vh; 
}
.pt-dialog__form.pt-dialog__gallery .pt-dialog__subheading ~ .pt-dialog__content {
  	min-height: calc(40vh - 64px);
  	max-height: calc(40vh - 64px); 
}
.pt-dialog__bottom {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	-ms-flex-pack: flex-start;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	padding: 8px;
	padding-left: 24px;
	border-top: 1px solid rgba(255, 255, 255, 0.12); 
}
.pt-dialog__bottom span {
	font-size: 12px;
	color: rgba(233, 229, 246, 0.3);
	margin-right: auto; 
}
.pt-dialog__bottom button {
	margin-right: 8px; 
}
/*@media (max-width: 768px) {
.pt-dialog__form.pt-dialog__gallery {
    max-width: calc(100vw - 32px);
    margin: auto; 
}
.pt-dialog__form.pt-dialog__gallery .pt-dialog__content {
    padding: 16px; 
}
}*/
.pt-block-hide {
  display: none !important; }
.pt-xs-toggle-hide, .pt-sm-toggle-hide, .pt-md-toggle-hide, .pt-lg-toggle-hide, .pt-xl-toggle-hide, .pt-xxl-toggle-hide {
  display: none !important; 
}
.pt-xs-toggle-hide.ads_with_iframe, 
.pt-sm-toggle-hide.ads_with_iframe, 
.pt-md-toggle-hide.ads_with_iframe, 
.pt-lg-toggle-hide.ads_with_iframe, 
.pt-xl-toggle-hide.ads_with_iframe, 
.pt-xxl-toggle-hide.ads_with_iframe {
    display: flex; 
}
.pt-xs-toggle-hide.pt-inlineblock, 
.pt-sm-toggle-hide.pt-inlineblock, 
.pt-md-toggle-hide.pt-inlineblock, 
.pt-lg-toggle-hide.pt-inlineblock, 
.pt-xl-toggle-hide.pt-inlineblock, 
.pt-xxl-toggle-hide.pt-inlineblock {
    display: inline-block; 
}
.pt-tabs-b {
    position: relative;   
    z-index: 972;
}
.pt-tabs-b nav {
	overflow: hidden;
	overflow-x: auto;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.08);     
    max-height: 52px;
}
.pt-tabs-b nav ul {
    list-style: none;
    margin: 0 4px;
    padding: 0;
    display: flex;
    background-color: transparent;
    border-radius: 0; 
    height: 48px;
    max-height: 48px;
}
.pt-tabs-b nav ul li {
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
	margin: 0 20px;
	border-right: none;
	border-bottom: 0;
	padding: 16px 4px;
	background-color: transparent;
	color: rgba(233, 229, 246, 0.87);
	white-space: nowrap; 
	line-height: 1;
}
.pt-tabs-b nav ul li:hover {
	background-color: transparent;
	box-shadow: inset 0px -2px #FFEB3B; 
}
.pt-tabs-b nav ul li:active {
	background-color: transparent; 
}
.pt-tabs-b nav ul li.tabs-active {
	box-shadow: inset 0px -2px #FFEB3B;
	background-color: transparent;
	font-weight: bold; 
}
.pt-tabs-b nav ul li:first-child {
	border-radius: 4px 0 0 0; 
}
.pt-dialog__heading {
	position: relative;
}
.pt-dialog__heading::before {
	content: "";
    background-image: linear-gradient(180deg, #353158 0, #353158 2px, #474365 2px, #474365 3px, #2b2845 3px, #353158 8px);
    bottom: -6px;
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 971;
    /*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);*/
}
.pt-dialog__heading:has(+ .pt-tabs-b)::before {
    bottom: -54px;
}
.pt-droparea {
  border: dashed 4px rgba(255, 255, 255, 0.24);
  border-radius: 2px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  min-height: calc(40vh - 48px);
  text-align: center;
  padding: 16px; 
}
.pt-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}

.pt-dialog__gallery .btn,
.pt-dialog__form .btn,
.pt-modal-on-modal .btn{
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -moz-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  font-weight: 600;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 4px 16px;
  font-size: 14px;
  line-height: 26px;
  border-radius: 2px;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.pt-dialog__gallery .btn:hover, 
.pt-dialog__gallery .btn:focus,
.pt-dialog__form .btn:hover,
.pt-dialog__form .btn:focus {
  text-decoration: none; 
  transform: none;
}

.pt-dialog__gallery .btn:focus, 
.pt-dialog__gallery .btn.focus,
.pt-dialog__form .btn:focus, 
.pt-dialog__form .btn.focus{
  outline: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.pt-dialog__gallery .btn.disabled, 
.pt-dialog__gallery .btn:disabled {
  opacity: 1;
  pointer-events: none; }

.pt-dialog__gallery .btn:not(:disabled):not(.disabled) {
  cursor: pointer; }

.pt-dialog__gallery .btn:not(:disabled):not(.disabled):active, 
.pt-dialog__gallery .btn:not(:disabled):not(.disabled).active {
  background-image: none; }

.pt-dialog__gallery a.btn.disabled, 
.pt-dialog__gallery fieldset:disabled a.btn {
  pointer-events: none; }

.pt-dialog__gallery .btn > i {
  display: block;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  width: 24px;
  height: 24px;
  font-size: 24px;
  margin-right: 4px; }

.pt-dialog__gallery .btn-sm,
.pt-dialog__form .btn-sm {
  padding: 2px 8px;
  font-size: 12px;
  border-radius: 2px;
  line-height: 1.5; }

.pt-dialog__form .btn-min-width {
  min-width: 136px; 
}

.pt-dialog__gallery .btn-sm > i,
.pt-dialog__form .btn-sm > i{
	display: block;
	-webkit-align-self: center;
	-moz-align-self: center;
	-ms-align-self: center;
	align-self: center;
	width: 18px;
	height: 18px;
	font-size: 18px;
	margin-right: 0;
    margin-top: 1px;
	color: rgba(233, 229, 246, 0.87);
}

.pt-dialog__gallery .btn-sm:visited > i,
.pt-dialog__form .btn-sm:visited > i {
    color: rgba(233, 229, 246, 0.87); 
}
.pt-dialog__gallery .btn-sm:hover > i,
.pt-dialog__form .btn-sm:hover > i {
    color: #000000;
}

.pt-dialog__gallery .btn-lg > i {
  display: block;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  width: 36px;
  height: 36px;
  font-size: 36px;
  margin-right: 12px; }

.pt-dialog__gallery .btn-sm, 
.btn-group-sm > .btn,
.pt-dialog__form .btn-sm{
  padding: 2px 8px;
  font-size: 12px;
  border-radius: 2px;
  line-height: 1.5; 
}
.pt-dialog__gallery .btn-primary,
.pt-dialog__form .btn-primary,
.pt-modal-on-modal .btn-primary {
  color: #FFFFFF;
  background: #7459C8;
  border-color: #9575CD;
  background-position: center;
  transition: background 0.8s; 
}
.pt-dialog__gallery .btn-primary:visited,
.pt-dialog__form .btn-primary:visited,
.pt-modal-on-modal .btn-primary:visited {
	color: #FFFFFF; 
}
.pt-dialog__gallery .btn-primary:hover,
.pt-dialog__form .btn-primary:hover,
.pt-modal-on-modal .btn-primary:hover{
	color: #FFFFFF;
	background: #9575CD radial-gradient(circle, transparent 1%, #9575CD 1%) center/15000%;
	border-color: #9575CD; 
}
.pt-dialog__gallery .btn-primary:active, 
.pt-dialog__gallery .btn-primary.active,
.pt-dialog__form .btn-primary:active, 
.pt-dialog__form .btn-primary.active,
.pt-modal-on-modal .btn-primary:active, 
.pt-modal-on-modal .btn-primary.active{
	color: #FFFFFF !important;
	background-color: #9575CD !important;
	border-color: #9575CD !important;
	background-size: 100%;
	transition: background 0s; 
}
.pt-dialog__gallery .btn-primary:disabled, 
.pt-dialog__gallery .btn-primary.disabled,
.pt-dialog__form .btn-primary:disabled, 
.pt-dialog__form .btn-primary.disabled,
.pt-modal-on-modal .btn-primary:disabled,
.pt-modal-on-modal .btn-primary.disabled {
	color: rgba(233, 229, 246, 0.3);
	background-color: #382040;
	border-color: #382040; 
}
.pt-dialog__gallery .btn-primary:not(:disabled):not(.disabled):active, 
.pt-dialog__gallery .btn-primary:not(:disabled):not(.disabled).active, 
.pt-dialog__gallery .show > .btn-primary.dropdown-toggle,
.pt-dialog__form .btn-primary:not(:disabled):not(.disabled):active, 
.pt-dialog__form .btn-primary:not(:disabled):not(.disabled).active, 
.pt-dialog__form .show > .btn-primary.dropdown-toggle,
.pt-modal-on-modal .btn-primary:not(:disabled):not(.disabled):active,
.pt-modal-on-modal .btn-primary:not(:disabled):not(.disabled).active,
.pt-modal-on-modal .show > .btn-primary.dropdown-toggle{
	color: #FFFFFF;
	background-color: #7459C8;
	border-color: #7459C8; 
}
.pt-dialog__gallery .btn-primary:not(:disabled):not(.disabled):active:focus, 
.pt-dialog__gallery .btn-primary:not(:disabled):not(.disabled).active:focus, 
.pt-dialog__gallery .show > .btn-primary.dropdown-toggle:focus,
.pt-dialog__form .btn-primary:not(:disabled):not(.disabled):active:focus, 
.pt-dialog__form .btn-primary:not(:disabled):not(.disabled).active:focus, 
.pt-dialog__form .show > .btn-primary.dropdown-toggle:focus,
.pt-modal-on-modal .btn-primary:not(:disabled):not(.disabled):active:focus,
.pt-modal-on-modal .btn-primary:not(:disabled):not(.disabled).active:focus,
.pt-modal-on-modal .show > .btn-primary.dropdown-toggle:focus{
	-webkit-box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3);
	box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3); 
}
.pt-dialog__gallery .btn-primary.loading,
.pt-dialog__form .btn-primary.loading,
.pt-modal-on-modal .btn-primary.loading{
	color: #FFFFFF;
	border-color: #9575CD;
	pointer-events: none; 
}
.pt-dialog__gallery .btn:hover::after,
.pt-dialog__form .btn:hover::after,
.pt-modal-on-modal .btn:hover::after{
	content: none;
}
.pt-dialog__gallery .btn-secondary,
.pt-dialog__form .btn-secondary,
.pt-modal-on-modal .btn-secondary{
	color: #FFFFFF;
	background: #44416F;
	border-color: #565380;
	background-position: center;
	transition: background 0.8s; 
}
.pt-dialog__gallery .btn-secondary:visited,
.pt-dialog__form .btn-secondary:visited,
.pt-modal-on-modal .btn-secondary:visited{
	color: #FFFFFF; 
}
.pt-dialog__gallery .btn-secondary:hover,
.pt-dialog__form .btn-secondary:hover,
.pt-modal-on-modal .btn-secondary:hover{
	color: #FFFFFF;
	background: #565380 radial-gradient(circle, transparent 1%, #565380 1%) center/15000%;
	border-color: #565380; 
}
.pt-dialog__gallery .btn-secondary:active, 
.pt-dialog__gallery .btn-secondary.active,
.pt-dialog__form .btn-secondary:active, 
.pt-dialog__form .btn-secondary.active,
.pt-modal-on-modal .btn-secondary:active,
.pt-modal-on-modal .btn-secondary.active{
	color: #FFFFFF !important;
	background-color: #565380 !important;
	border-color: #565380 !important;
	background-size: 100%;
	transition: background 0s; 
}
.pt-dialog__gallery .btn-secondary:disabled, 
.pt-dialog__gallery .btn-secondary.disabled,
.pt-dialog__form .btn-secondary:disabled, 
.pt-dialog__form .btn-secondary.disabled,
.pt-modal-on-modal .btn-secondary:disabled,
.pt-modal-on-modal .btn-secondary.disabled{
	color: rgba(233, 229, 246, 0.3);
	background-color: #382040;
	border-color: #382040; 
}
.pt-dialog__gallery .btn-secondary:not(:disabled):not(.disabled):active, 
.pt-dialog__gallery .btn-secondary:not(:disabled):not(.disabled).active, 
.pt-dialog__gallery .show > .btn-secondary.dropdown-toggle,
.pt-dialog__form .btn-secondary:not(:disabled):not(.disabled):active, 
.pt-dialog__form .btn-secondary:not(:disabled):not(.disabled).active, 
.pt-dialog__form .show > .btn-secondary.dropdown-toggle,
.pt-modal-on-modal .btn-secondary:not(:disabled):not(.disabled):active,
.pt-modal-on-modal .btn-secondary:not(:disabled):not(.disabled).active,
.pt-modal-on-modal .show > .btn-secondary.dropdown-toggle{
	color: #FFFFFF;
	background-color: #44416F;
	border-color: #44416F; 
}
.pt-dialog__gallery .btn-secondary:not(:disabled):not(.disabled):active:focus, 
.pt-dialog__gallery .btn-secondary:not(:disabled):not(.disabled).active:focus, 
.pt-dialog__gallery .show > .btn-secondary.dropdown-toggle:focus,
.pt-dialog__form .btn-secondary:not(:disabled):not(.disabled):active:focus, 
.pt-dialog__form .btn-secondary:not(:disabled):not(.disabled).active:focus, 
.pt-dialog__form .show > .btn-secondary.dropdown-toggle:focus,
.pt-modal-on-modal .btn-secondary:not(:disabled):not(.disabled):active:focus,
.pt-modal-on-modal .btn-secondary:not(:disabled):not(.disabled).active:focus,
.pt-modal-on-modal .show > .btn-secondary.dropdown-toggle:focus{
	-webkit-box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3);
	box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3); 
}
.pt-dialog__gallery .btn-secondary.loading,
.pt-dialog__form .btn-secondary.loading,
.pt-modal-on-modal .btn-secondary.loading{
	color: #FFFFFF;
	border-color: #565380;
	pointer-events: none; 
}

.pt-modal-on-modal .btn:hover {
	transform: none;
}


.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -moz-box-orient: horizontal !important;
  -moz-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -moz-box-orient: vertical !important;
  -moz-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; 
}
.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; 
}


.pt-image-lists {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	list-style: none; 
}
.pt-image-lists .pt-image-item {
	display: block;
	position: relative;
	background-color: #3C3963;
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
	width: calc(20% - 16px);
	margin: 8px; 
}
.pt-image-lists .pt-image-item a > .pt-image-item__img {
  	display: block;
  	border-radius: 2px 2px 0 0; 
}
.pt-image-lists .pt-image-item a > .pt-image-item__img.img-thumbnail {
	background-position: 50% 20%; 
}
.pt-image-lists .pt-image-item a > .pt-image-item__img:before {
	padding-top: 100%;
	/* 1:1 Aspect Ratio */ 
}
.pt-image-lists .pt-image-item a {
  	text-decoration: none; 
}
.pt-image-lists .pt-image-item .pt-image-item__title {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	height: 32px;
	border-radius: 0 0 2px 2px; 
}
.pt-image-lists .pt-image-item .pt-image-item__title > h2 {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: break-word;
	text-overflow: ellipsis;
	margin: 0;
	padding: 0 12px;
	width: 100%; 
}
.pt-image-lists .pt-image-item .pt-image-item__title > button:hover {
	background-color: transparent; 
}
.pt-image-lists .pt-image-item .pt-image-item__title > button:active {
	color: rgba(233, 229, 246, 0.87); 
}
.pt-image-lists .pt-image-item .pt-image-item__left-action {
	position: absolute;
	left: 4px;
	top: 4px; 
}
.pt-image-lists .pt-image-item .pt-image-item__left-action::before {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	background-color: rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%; 
}
.pt-image-lists .pt-image-item .pt-image-item__right-action {
	position: absolute;
	right: 4px;
	top: 4px; 
}
.pt-image-lists .pt-image-item .pt-image-item__right-action::before {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	background-color: rgba(0, 0, 0, 0.38);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%; 
}
.pt-image-lists .pt-image-toys-item {
	display: block;
	position: relative;
	width: calc(20% - 16px);
	margin: 8px;
	background-color: transparent;
	border-radius: 0;
	box-shadow: none; 
}
.pt-image-lists .pt-image-toys-item a > .pt-image-item__img {
	display: block;
	border-radius: 0; 
}
.pt-image-lists .pt-image-toys-item a > .pt-image-item__img.img-thumbnail {
	background-position: 50% 20%; 
}
.pt-image-lists .pt-image-toys-item a > .pt-image-item__img:before {
	padding-top: 100%;
	/* 1:1 Aspect Ratio */ 
}
.pt-image-lists .pt-image-toys-item a {
  	text-decoration: none; 
}
.pt-image-lists .pt-image__input-name {
	background-color: transparent;
	border: none;
	height: 30px;
	width: 100%;
	margin: auto;
	color: rgba(233, 229, 246, 0.87);
	text-indent: 0; 
}
.pt-image-lists.pt-image-lists__6col .pt-image-item {
    width: calc(16.66% - 16px);
  max-width: calc(16.66% - 16px);
  min-width: calc(16.66% - 16px); 
}
.pt-ic-insert_image {
	background-image: url("https://ptcdn.info/images/pantip_icon/ic-insert_image-512px.png"); 
}
.pantip-icons.icolor-secondary, .pt-breadcrumb a.icolor-secondary:first-child::before {
  opacity: 0.6 !important; 
}
.pt-add_more_image {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%; 
}
.overline {
	font-size: 10px;
	font-weight: 400;
	line-height: 1.5; 
}
.bg-purple-pantip-400 {
	background-color: #565380 !important; 
}
.pt-dialog__gallery .btn-outline-light {
	color: rgba(233, 229, 246, 0.87);
	background: transparent;
	background-image: none;
	border-color: rgba(233, 229, 246, 0.87);
	background-position: center;
	transition: background 0.4s; 
}
.pt-dialog__gallery .btn-outline-light:visited {
	color: rgba(233, 229, 246, 0.87); 
}
.pt-dialog__gallery .btn-outline-light:hover {
	color: #000000;
	background: rgba(233, 229, 246, 0.87) radial-gradient(circle, transparent 1%, rgba(233, 229, 246, 0.87) 1%) center/15000%;
	border-color: rgba(233, 229, 246, 0.87); 
}
.pt-dialog__gallery .btn-outline-light:focus, .btn-outline-light.focus {
	color: #000000;
	background: #E9E5F6;
	-webkit-box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3);
	box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3); 
}
.pt-dialog__gallery .btn-outline-light:active {
	color: #000000;
	background: #E9E5F6;
	background-size: 100%;
	transition: background 0s; 
}
.pt-dialog__gallery .btn-outline-light:disabled, .btn-outline-light.disabled {
	color: rgba(233, 229, 246, 0.3);
	background: #382040;
	border-color: #382040; 
}
.pt-dialog__gallery .btn-outline-light:not(:disabled):not(.disabled):active, 
.pt-dialog__gallery .btn-outline-light:not(:disabled):not(.disabled).active, 
.pt-dialog__gallery .show > .btn-outline-light.dropdown-toggle {
	color: #000000;
	background: #E9E5F6;
	border-color: #E9E5F6; 
}
.pt-dialog__gallery .btn-outline-light:not(:disabled):not(.disabled):active:focus, 
.pt-dialog__gallery .btn-outline-light:not(:disabled):not(.disabled).active:focus, 
.pt-dialog__gallery .show > .btn-outline-light.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3);
	box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3); 
}
.pt-dialog__gallery .btn-outline-light.loading {
	color: #000000;
	background: #E9E5F6;
	-webkit-box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3);
	box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3);
	pointer-events: none; 
}
.pt-image-lists .pt-image-item .pt-image-item__right-action i {
	margin-right: 0;
    z-index: 1;
}
.pt-dialog__gallery .btn-circle {
  border-radius: 50%; 
}
.pt-dialog__gallery .btn-icon {
	padding: 5px; 
}
.btn-icon > i {
	margin: 0; 
}
.btn-icon:focus {
	color: #FFFFFF;
	text-decoration: none; 
}
.btn-icon:focus > i.pantip-icons {
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
	opacity: 1; 
}
.btn-icon:active {
	color: #FFFFFF;
	text-decoration: none; 
}
.btn-icon:active > i.pantip-icons {
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
	opacity: 1; 
}
.btn-icon:active > i.pantip-icons.icolor-light, .btn-icon:active > i.pantip-icons .icolor-white, .btn-icon:active > i.pantip-icons .icolor-secondary {
	-webkit-filter: invert(100%);
	filter: invert(100%); }
.btn-icon.active > i.pantip-icons {
	color: #FFFFFF;
	opacity: 1; 
}
.btn-icon:disabled > i.pantip-icons {
	opacity: 0.3; 
}
.pt-lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  pointer-events: none; 
}
.pt-lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #E9E5F6;
    border-radius: 50%;
    animation: pt-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #E9E5F6 transparent transparent transparent; 
}
.pt-lds-ring div:nth-child(1) {
 	animation-delay: -0.45s; 
}
.pt-lds-ring div:nth-child(2) {
	animation-delay: -0.3s; 
}
.pt-lds-ring div:nth-child(3) {
	animation-delay: -0.15s; 
}
@keyframes pt-lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.img-filter-black {
  filter: grayscale(50%) brightness(69%) contrast(100%);
  -webkit-filter: grayscale(50%) brightness(69%) contrast(100%);
  -moz-filter: grayscale(50%) brightness(69%) contrast(100%);
  -ms-filter: grayscale(50%) brightness(69%) contrast(100%);
  -o-filter: grayscale(50%) brightness(69%) contrast(100%); 
}
.lds-img-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px; }


.pt-manage_gallery-bar {
  height: 48px;
  line-height: 48px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  font-size: 12px;
  position: sticky;
  position: -webkit-sticky;
  z-index: 970;
  top: -24px;
  margin: 0 -24px;
  padding: 0 24px;
  background: rgba(53, 49, 86, 0.98); 
}
.pt-manage_gallery-bar > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
}
.pt-manage_gallery-bar > div > div {
    margin: 0 4px; 
}
.pt-manage_gallery-bar > div > div:last-child {
	margin: 0 0 0 4px;
}
.pt-manage_gallery-bar > div > div::after {
    content: "";
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    margin: 16px 4px 0;
    width: 1px;
    height: 18px;
    position: absolute; 
}
.pt-manage_gallery-bar > div > div:last-child::after {
    content: "";
    border-right: none; 
}
.pt-manage_gallery-bar > div > div i {
    vertical-align: -4px;
    margin: 0 4px 0 0; 
}

.pt-pos_sticky-t-0 {
  position: sticky;
  position: -webkit-sticky;
  transition: all 0.3s;
  z-index: 969;
  top: 0; 
}

.pt-pos_sticky-t-40 {
  position: sticky;
  position: -webkit-sticky;
  transition: all 0.3s;
  z-index: 969;
  top: 40px; 
}

.txt-shadow-black {
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5); 
}

.pt-image-gallery {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 12px 0 0 0; 
}

.pt-image-gallery > li {
  flex: 1 1 auto;
  /* or flex: auto; */
  height: 150px;
  cursor: pointer;
  position: relative;
  list-style: none; 
}

.pt-image-gallery::after {
  content: "";
  flex-grow: 999; 
}

.pt-image-gallery li img {
  object-fit: cover;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  vertical-align: middle; 
}

/*Fixed Size Image Gallery*/
.pt-image-gallery.pt-image-gallery__fix_size li {
    min-width: calc((100%/2) - 6px);
    max-width: calc((100%/2) - 6px);
    width: calc((100%/2) - 6px);
}
@media (min-width: 768px) {
    .pt-image-gallery.pt-image-gallery__fix_size li {
        min-width: calc((100%/3) - 6px);
        max-width: calc((100%/3) - 6px);
        width: calc((100%/3) - 6px);
    }
}
@media (min-width: 992px) {
    .pt-image-gallery.pt-image-gallery__fix_size li {
        min-width: calc((100%/4) - 6px);
        max-width: calc((100%/4) - 6px);
        width: calc((100%/4) - 6px);
    }
}

.pt-image-gallery-overlay {
  position: absolute;
  background: black;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 32px;
  line-height: 32px;
  color: #fff;
  bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; 
}

.pt-form-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; 
}
.pt-form-section .pt-lists-item__checkbox {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: start;
    -moz-align-items: start;
    -ms-align-items: start;
    align-items: start;
    padding: 8px 0; 
}
.pt-form-section .pt-lists-item__checkbox .pt-lists-item__form {
    margin-right: 4px;
    margin-top: 0; 
}
.pt-form-section .pt-lists-item__checkbox.state-disabled {
    color: rgba(233, 229, 246, 0.3);
    cursor: default; 
}
.pt-image-item > .pt-form-section {
  position: absolute;
  right: 0px;
  width: 48px;
}

/* hotfix checkbox safari on ios */
.pt-image-item > .pt-form-section > label.pt-lists-item__checkbox {
  padding-right: 40px;
  padding-left: 8px;
}

.pt-image-item > .pt-form-section .pt-lists-item__checkbox .pt-lists-item__form {
  margin-right: 0;
  margin-top: 0;
}

.pt-image-item .pt-lists-item__checkbox.pt-lists-item__checkbox-circle .pure-material-checkbox span::before {
  border-radius: 50%;
  opacity: 0.6;
  width: 32px;
  height: 32px;
}

.pt-image-item .pt-lists-item__checkbox.pt-lists-item__checkbox-circle .pure-material-checkbox span::after {
  border-color: #fff;
  opacity: 0.6;
  top: 8px;
  left: 6px;
  width: 16px;
  height: 8px;
}

.pt-image-item .pt-lists-item__checkbox.pt-lists-item__checkbox-circle .pure-material-checkbox > input:checked + span::before,
.pt-image-item .pt-lists-item__checkbox.pt-lists-item__checkbox-circle .pure-material-checkbox > input:indeterminate + span::before {
  opacity: 1;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);
}

.pt-image-item .pt-lists-item__checkbox.pt-lists-item__checkbox-circle .pure-material-checkbox > input:checked + span::after,
.pt-image-item .pt-lists-item__checkbox.pt-lists-item__checkbox-circle .pure-material-checkbox > input:indeterminate + span::after {
  content: attr(data-content);
  font-size: 14px;
  top: calc(50% - 10px);
  left: 6px;
  border: none;
  color: #fff;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  transform: none;
  opacity: 1;
  z-index: 1;
}

.pt-image-item .pt-lists-item__checkbox .pure-material-checkbox > input,
.pt-image-item .pt-lists-item__checkbox .pure-material-checkbox > input {
  left: 0px;
  top: 0px;
  width: 0px; /*32px*/
  height: 0px; /*32px*/
  visibility: hidden;
}

.pt-gallery_video_icon {
  position: absolute;
  top: 12px;
  left: 8px; 
}
.pt-gallery_video_icon > a {
    color: #fff; 
}
.pt-lists-item__checkbox {
  cursor: pointer;
  margin: 0; 
  position: relative;
}

.pt-tab_gallery_view {
	display: flex;
	justify-content: space-around;
	align-items: center;
	position: sticky;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 20px;
	height: 40px;
	max-width: 480px;
	margin: auto;
	z-index: 970; 
	bottom: 0;
}
.pt-tab_gallery_view > div {
    padding: 2px 0;
    width: 100%;
    text-align: center;
    margin: 0 8px; 
	font-size: 16px;
}
.pt-tab_gallery_view > div.active {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 14px; 
}
.pt-dialog__gallery .pt-tab_gallery_view > div a {
    color: rgba(233, 229, 246, 0.6);
    text-decoration: none; 
	display: inline-block;
	width: 100%;
}
.pt-tab_gallery_view > div.active a {
    color: #424242; 
}
.pt-tab_gallery_view.selected_items {
    max-width: 200px; 
}
.pt-tab_gallery_view.selected_items > button {
    font-size: 14px;
	font-weight: normal;
    color: rgba(233, 229, 246, 0.6);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    text-decoration: none; 
	background: none !important;
}
.pt-tab_gallery_view.selected_items > button > span {
	color: rgba(233, 229, 246, 0.6);
}
.pt-tab_gallery_view.selected_items > button:hover,
.pt-tab_gallery_view.selected_items > button:active,
.pt-tab_gallery_view.selected_items > button:hover > span,
.pt-tab_gallery_view.selected_items > button:active > span {
	color: rgba(233, 229, 246, 0.87) !important;
}
.pt-dialog__gallery .pt-gallery_video_icon > a {
	color: #fff;
}
.pt-pointer-none {
  pointer-events: none; }


.pt-image-gallery_group {
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px; 
}
.pt-image-gallery_group > li {
    width: calc((100% / 3) - 6px);
    height: 200px;
    position: relative;
    margin: 0;
    list-style: none; 
}
.pt-image-gallery_group > li a {
    width: 100%;
    text-decoration: none; 
}
.pt-image-gallery_group > li img {
    width: 100%;
    object-fit: cover;
    min-width: 100%;
    max-width: 100%;
    height: 100%; 
}
.pt-image-gallery_group .pt-gallery-title-group {
    position: absolute;
    top: 0;
    left: 0;
    margin: 12px 0 0 12px; 
}

.pt-image-gallery_group .pt-gallery-title-group .lead {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.24);
}

.txt-deeppurple-200 {
  color: #B39DDB !important; 
}
.pt-block-header__more {
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  right: 16px;
  top: 18px; 
}
.pt-block-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  padding: 12px 16px;
  min-height: 43px;
  white-space: normal; 
}
.pt-block-headerh1, 
.pt-block-header h2, 
.pt-block-header h3, 
.pt-block-header h4, 
.pt-block-header h5, 
.pt-block-header h6, 
.pt-block-header .h1, 
.pt-block-header .h2, 
.pt-block-header .h3, 
.pt-block-header .h4, 
.pt-block-header .h5, 
.pt-block-header .h6 {
	margin-bottom: 0;
	word-wrap: break-word; 
}
.pt-block-header + .pt-block-subheader {
    border-top: 0; 
}
.pt-album_cover_list {
	margin-left: 16px;
    padding: 0 16px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 16px; 
}
.pt-album_cover_list > li {
    position: relative;
    list-style: none;
    width: calc((100%/5) - 16px);; 
}
.pt-dialog__gallery .pt-album_cover_list > li > a {
    text-decoration: none;
    width: 100%; 
}
.pt-dialog__gallery .pt-album_cover_list > li > .btn {
    position: absolute;
    top: 8px;
    right: 0;
    width: 24px;
    height: 24px; 
}
.pt-dialog__gallery .pt-album_cover_list > li > a > div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; 
}
.pt-album_cover_list .pt-album_cover {
    height: 150px; 
}
.pt-album_cover_list .pt-album_cover > img {
    object-fit: cover;
    min-width: 100%;
    max-width: 100%;
    height: 100%; 
}
.pt-wrapper-album_home {
    padding: 0 16px 24px; 
}
.pt-wrapper-album_content_overflow {
    margin: 0 -16px; 
}
.pt-bt_manage_album {
  position: relative;
  right: 0; 
}
.pt-bt_manage_album .pt-dropdown-menu {
    top: 32px;
    right: 0; 
}
.pt-block-surface-dropdown {
	width: auto;
	min-width: 128px;
	max-width: 320px;
	max-height: calc((32px * 10) - 16px);
	position: absolute;
	display: none;
	opacity: 0;
	margin: 0;
	padding: 0;
	overflow-y: auto;
	z-index: 1020;
	border-radius: 4px;
	-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08); 
}
.pt-dialog__gallery .pt-block-surface--open {
	display: inline-block !important;
	opacity: 1 !important; 
}
.pt-bt_manage_album .pt-dropdown-menu {
    top: 24px;
    right: 0; 
}
.pt-modal.pt-modal-mask {
    visibility: visible;
    opacity: 1;
    z-index: 1040; 
}
.pt-modal.pt-modal-layer2 {
    background-color: rgba(0, 0, 0, 0.6); 
}
.pt-modal.pt-modal-mask.pt-modal-on-modal {
  z-index: 1041; 
}
.pt-dialog__box_bg_none {
  margin: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.pt-edit_image_view {
  height: 250px; 
}
.pt-edit_image_view > img {
	min-width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: contain; 
}
.pt-lds-emoji {
  border-radius: 50%;
  position: relative;
  width: 72px;
  height: 72px;
  background-color: #FDD835; 
}
.lds-emoji3:after, .lds-emoji3:before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background-color: #212121;
  border-radius: 50%;
  top: 36px;
  animation: lds-emoji3-face-move 0.25s ease-in-out infinite, lds-emoji1-eyes-blink 2s ease-in-out infinite;
  animation-direction: alternate; }
.lds-emoji3:after {
  left: 12px; }
.lds-emoji3:before {
  left: 52px; }
.lds-emoji3 .mouth {
  position: absolute;
  height: 16px;
  top: 42px;
  left: 24px;
  animation: lds-emoji3-mouth-move 0.25s ease-in-out infinite;
  animation-direction: alternate; }
  .lds-emoji3 .mouth:before, .lds-emoji3 .mouth:after {
    content: '';
    border-radius: 100%;
    position: absolute;
    border: 3px solid transparent;
    border-top: 3px solid #212121;
    border-left: 3px solid #212121;
    transform-origin: center center; }
  .lds-emoji3 .mouth:before {
    height: 12px;
    width: 12px;
    transform: rotate(-45deg);
    top: 5px;
    left: 5px; }
  .lds-emoji3 .mouth:after {
    height: 9px;
    width: 9px;
    transform: rotate(-90deg);
    top: 14px;
    left: 8px; }

@keyframes lds-emoji3-face-move {
  0% {
    transform: translatex(0); }
  100% {
    transform: translateX(-3px); } }
@keyframes lds-emoji3-mouth-move {
  0% {
    transform: translatex(0); }
  100% {
    transform: translateX(-5px); } }

.pt-dialog__box.pt-dialog__minwidth {
  width: 100%;
  min-width: 280px;
  max-width: 360px; 
}
.text-center {
  text-align: center !important; 
}
.pt-dialog__form .btn-outline-icons {
  color: rgba(233, 229, 246, 0.6);
  background: transparent;
  background-image: none;
  border-color: rgba(233, 229, 246, 0.6);
  background-position: center;
  transition: background 0.4s; 
}
.pt-dialog__form .btn-outline-icons:visited {
	color: rgba(233, 229, 246, 0.6); 
}
.pt-dialog__form .btn-outline-icons:hover {
	color: #000000;
	background: rgba(233, 229, 246, 0.6) radial-gradient(circle, transparent 1%, rgba(233, 229, 246, 0.6) 1%) center/15000%;
	border-color: rgba(233, 229, 246, 0.6); 
}
.pt-dialog__form .btn-outline-icons:focus, .btn-outline-icons.focus {
	color: #000000;
	background: rgba(233, 229, 246, 0.6);
	-webkit-box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3);
	box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3); 
}
.pt-dialog__form .btn-outline-icons:active {
	color: #000000;
	background: rgba(233, 229, 246, 0.6);
	background-size: 100%;
	transition: background 0s; 
}
.pt-dialog__form .btn-outline-icons:disabled, .btn-outline-icons.disabled {
	color: rgba(233, 229, 246, 0.3);
	background: #382040;
	border-color: #382040; 
}
.pt-dialog__form .btn-outline-icons:not(:disabled):not(.disabled):active, 
.pt-dialog__form .btn-outline-icons:not(:disabled):not(.disabled).active, 
.pt-dialog__form .show > .btn-outline-icons.dropdown-toggle {
	color: #000000;
	background: rgba(233, 229, 246, 0.6);
	border-color: rgba(233, 229, 246, 0.6); 
}
.pt-dialog__form .btn-outline-icons:not(:disabled):not(.disabled):active:focus, 
.pt-dialog__form .btn-outline-icons:not(:disabled):not(.disabled).active:focus, 
.pt-dialog__form .show > .btn-outline-icons.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3);
	box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3); 
}
.pt-dialog__form .btn-outline-icons.loading {
	color: #000000;
	background: rgba(233, 229, 246, 0.6);
	-webkit-box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3);
	box-shadow: 0 0 0 4px rgba(116, 89, 200, 0.3);
	pointer-events: none; 
}


.pantip-form {
  position: relative;
  line-height: 1.5;
  margin: auto;
  padding: 0; 
}
.pantip-form .label {
  display: block;
  margin-bottom: 6px;
  line-height: 19px;
  color: rgba(233, 229, 246, 0.6) !important; 
}
.pantip-form .input,
.pantip-form .select,
.pantip-form .textarea,
.pantip-form .radio,
.pantip-form .checkbox,
.pantip-form .toggle,
.pantip-form .button {
  position: relative;
  display: block; 
}
.pantip-form .input input,
.pantip-form .select select,
.pantip-form .textarea textarea {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  outline: none;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.08) !important;
  color: #E9E5F6 !important;
  appearance: normal;
  -moz-appearance: none;
  -webkit-appearance: none; 
}
.pantip-form .input input::placeholder,
.pantip-form .select select::placeholder,
.pantip-form .textarea textarea::placeholder {
  color: rgba(233, 229, 246, 0.3) !important; 
}
.pantip-form .input:hover input,
.pantip-form .select:hover select,
.pantip-form .textarea:hover textarea,
.pantip-form .radio:hover i,
.pantip-form .checkbox:hover i,
.pantip-form .toggle:hover i {
  border-color: #B388FF !important; 
}

.pantip-form .input input,
.pantip-form .select select,
.pantip-form .textarea textarea,
.pantip-form .radio i,
.pantip-form .checkbox i,
.pantip-form .toggle i,
.pantip-form .icon-append,
.pantip-form .icon-prepend {
  border-color: rgba(233, 229, 246, 0.3) !important;
  transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s; 
}

.pantip-form .tooltip {
  position: absolute;
  z-index: 1;
  left: -9999px;
  padding: 2px 8px 3px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  background: #E9E5F6;
  color: rgba(0, 0, 0, 0.87);
  opacity: 0;
  transition: margin 0.3s, opacity 0.3s;
  -o-transition: margin 0.3s, opacity 0.3s;
  -ms-transition: margin 0.3s, opacity 0.3s;
  -moz-transition: margin 0.3s, opacity 0.3s;
  -webkit-transition: margin 0.3s, opacity 0.3s; 
}

.pantip-form .tooltip::after {
  content: '';
  position: absolute; 
}

.pantip-form .input input:focus + .tooltip,
.pantip-form .textarea textarea:focus + .tooltip {
  opacity: 1; 
}

.pantip-form .tooltip-top-right {
  bottom: 100%;
  margin-bottom: 15px; 
}

.pantip-form .tooltip-top-right::after {
  top: 100%;
  right: 16px;
  border-top: 4px solid #E9E5F6;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; 
}

.pantip-form .input input:focus + .tooltip-top-right,
.pantip-form .textarea textarea:focus + .tooltip-top-right {
  right: 0;
  left: auto;
  margin-bottom: 5px; }

.pantip-form .note {
  margin-top: 6px;
  padding: 0 1px;
  font-size: 11px;
  line-height: 15px;
  color: rgba(233, 229, 246, 0.3); 
}
.pantip-form .note-error {
  color: #EF5350; 
}
.pantip-form .note-success {
  color: #2E7D32; 
}

/**/
/* error state */
/**/
.pantip-form .state-error input,
.pantip-form .state-error select,
.pantip-form .state-error textarea,
.pantip-form .radio.state-error i,
.pantip-form .checkbox.state-error i,
.pantip-form .toggle.state-error i {
  border-color: #EF5350; }

.pantip-form .state-error select + i {
  background-color: transparent;
  box-shadow: 0 0 0 12px #EF5350; }

.pantip-form .toggle.state-error input:checked + i {
  background-color: transparent; }

.pantip-form .note-error {
  color: #EF5350; }

.pantip-form .state-error input + .invalid {
  display: none; }
.pantip-form .state-error input:invalid {
  border-color: #EF5350; }
  .pantip-form .state-error input:invalid + .invalid {
    color: #EF5350;
    display: block; }

.pantip-form .input.state-error input:hover,
.pantip-form .select.state-error select:hover,
.pantip-form .textarea.state-error textarea:hover,
.pantip-form .radio.state-error:hover i,
.pantip-form .checkbox.state-error:hover i,
.pantip-form .toggle.state-error:hover i {
  border-color: #EF5350; }

.pantip-form .input.state-error input:active,
.pantip-form .select.state-error select:active,
.pantip-form .textarea.state-error textarea:active,
.pantip-form .radio.state-error:active i,
.pantip-form .checkbox.state-error:active i,
.pantip-form .toggle.state-error:active i {
  border-color: #EF5350; }

.pantip-form .input.state-error input:focus,
.pantip-form .select.state-error selec:focus,
.pantip-form .textarea.state-error textarea:focus,
.pantip-form .radio.state-error:focus i,
.pantip-form .checkbox.state-error:focus i,
.pantip-form .toggle.state-error:focus i {
  border-color: #EF5350; }

/**/
/* success state */
/**/
.pantip-form .state-success input,
.pantip-form .state-success select,
.pantip-form .state-success textarea,
.pantip-form .radio.state-success i,
.pantip-form .checkbox.state-success i,
.pantip-form .toggle.state-success i {
  border-color: #388E3C; }

.pantip-form .state-success select + i {
  background: #2E7D32;
  box-shadow: 0 0 0 12px #2E7D32; }

.pantip-form .toggle.state-success input:checked + i {
  background: #2E7D32; }

.pantip-form .note-success {
  color: #2E7D32; }

.pantip-form .input.state-success input:hover,
.pantip-form .select.state-success select:hover,
.pantip-form .textarea.state-success textarea:hover,
.pantip-form .radio.state-success:hover i,
.pantip-form .checkbox.state-success:hover i,
.pantip-form .toggle.state-success:hover i {
  border-color: #4CAF50; }

.pantip-form .input.state-success input:active,
.pantip-form .select.state-success select:active,
.pantip-form .textarea.state-success textarea:active,
.pantip-form .radio.state-success:active i,
.pantip-form .checkbox.state-success:active i,
.pantip-form .toggle.state-success:active i {
  border-color: #4CAF50; }

.pantip-form .input.state-success input:focus,
.pantip-form .select.state-success select:focus,
.pantip-form .textarea.state-success textarea:focus,
.pantip-form .radio.state-success:focus i,
.pantip-form .checkbox.state-success:focus i,
.pantip-form .toggle.state-success:focus i {
  border-color: #4CAF50; }

/**/
/* disabled state */
/**/
.pantip-form .input.state-disabled input,
.pantip-form .select.state-disabled,
.pantip-form .textarea.state-disabled,
.pantip-form .radio.state-disabled,
.pantip-form .checkbox.state-disabled,
.pantip-form .toggle.state-disabled,
.pantip-form .button.state-disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none; }

.pantip-form .input.state-disabled input:hover,
.pantip-form .select.state-disabled select:hover,
.pantip-form .textarea.state-disabled textarea:hover,
.pantip-form .radio.state-disabled:hover i,
.pantip-form .checkbox.state-disabled:hover i,
.pantip-form .toggle.state-disabled:hover i {
  border-color: rgba(233, 229, 246, 0.3); }

.pantip-form .input.state-disabled input:active,
.pantip-form .select.state-disabled select:active,
.pantip-form .textarea.state-disabled textarea:active,
.pantip-form .radio.state-disabled:active i,
.pantip-form .checkbox.state-disabled:active i,
.pantip-form .toggle.state-disabled:active i {
  border-color: rgba(233, 229, 246, 0.3); }

.pantip-form .input.state-disabled input:focus,
.pantip-form .select.state-disabled select:focus,
.pantip-form .textarea.state-disabled textarea:focus,
.pantip-form .radio.state-disabled:focus i,
.pantip-form .checkbox.state-disabled:focus i,
.pantip-form .toggle.state-disabled:focus i {
  border-color: rgba(233, 229, 246, 0.3); }


.justify-content-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -moz-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; 
}

.justify-content-end {
  -webkit-box-pack: flex-end !important;
  -webkit-justify-content: flex-end !important;
  -moz-box-pack: flex-end !important;
  -ms-flex-pack: flex-end !important;
  justify-content: flex-end !important; 
}

.pt-dialog__form .btn-text-icons {
  color: rgba(233, 229, 246, 0.6);
  background: transparent;
  background-image: none;
  border: none;
  transition: background 0.8s; 
}
.pt-dialog__form .btn-text-icons:visited {
    color: rgba(233, 229, 246, 0.6); 
}
.pt-dialog__form .btn-text-icons:hover {
    color: rgba(233, 229, 246, 0.6);
    background: rgba(115, 115, 153, 0.12); 
}
.pt-dialog__form .btn-text-icons:focus, 
.pt-dialog__form .btn-text-icons.focus {
    -webkit-box-shadow: none;
    box-shadow: none; 
}
.pt-dialog__form .btn-text-icons:disabled, 
.btn-text-icons.disabled {
    color: rgba(233, 229, 246, 0.3);
    background: transparent; 
}
.pt-dialog__form .btn-text-icons:not(:disabled):not(.disabled):active, 
.pt-dialog__form .btn-text-icons:not(:disabled):not(.disabled).active, 
.pt-dialog__form .show > .btn-text-icons.dropdown-toggle {
    color: #000000;
    background: rgba(115, 115, 153, 0.24); 
}
.pt-dialog__form .btn-text-icons:not(:disabled):not(.disabled):active:focus, 
.pt-dialog__form .btn-text-icons:not(:disabled):not(.disabled).active:focus, 
.pt-dialog__form .show > .btn-text-icons.dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none; 
}
.pt-dialog__form .btn-text-icons.loading {
    color: rgba(233, 229, 246, 0.6);
    background: rgba(115, 115, 153, 0.12);
    pointer-events: none; 
}

.pt-crop-option .btn-2-row {
  padding: 4px 12px; 
}

.btn-2-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-weight: 600;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 4px 16px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 2px; }

.btn-2-row:hover, .btn-2-row:focus {
  text-decoration: none; }

.btn-2-row:focus, .btn-2-row.focus {
  color: rgba(233, 229, 246, 0.6);
  outline: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-2-row.disabled, .btn-2-row:disabled {
  opacity: 1;
  pointer-events: none; }

.btn-2-row:not(:disabled):not(.disabled) {
  cursor: pointer; }

.btn-2-row:not(:disabled):not(.disabled):active, .btn-2-row:not(:disabled):not(.disabled).active {
  background-image: none; }

a.btn-2-row.disabled, fieldset:disabled a.btn-2-row {
  pointer-events: none; }

.pt-crop-option .btn-2-row {
  padding: 4px 12px; }

.pt-cuztomize_img_tool > div {
  position: relative; 
}
.pt-cuztomize_img_tool > .active > a {
  background-color: #2D2A49;
  color: rgba(233, 229, 246, 0.6); 
}
.pt-cuztomize_img_tool .btn-text-icons:hover {
  background-color: #2D2A49; 
}
.pt-cuztomize_img_tool > .active::after {
  content: " ";
  border: solid transparent;
  border-top-color: #2D2A49;
  border-width: 12px;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  margin-bottom: -24px;
  bottom: 0; 
}

.pt-crop-option {
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out; 
}
.pt-crop-option > .active > a,
.pt-crop-option .btn-text-icons:hover {
    background-color: #1F1D33;
    color: rgba(233, 229, 246, 0.6); 
}

.pt-ic-crop-free {
  background-image: url("https://ptcdn.info/images/pantip_icon/ic-crop_free-512px.png"); }

.pt-ic-crop-original {
  background-image: url("https://ptcdn.info/images/pantip_icon/ic-image_aspect_ratio-512px.png"); }

.pt-ic-crop-1_1 {
  background-image: url("https://ptcdn.info/images/pantip_icon/ic-crop_1_1-512px.png"); }

.pt-ic-crop-3_2 {
  background-image: url("https://ptcdn.info/images/pantip_icon/ic-crop_3_2-512px.png"); }

.pt-ic-crop-4_3 {
  background-image: url("https://ptcdn.info/images/pantip_icon/ic-crop_4_3-512px.png"); }

.pt-ic-crop-16_9 {
  background-image: url("https://ptcdn.info/images/pantip_icon/ic-crop_16_9-512px.png"); }

.bg-purple-pantip-800 {
  background-color: #2D2A49 !important; 
}

.m-l-de16 {
  margin-left: -16px !important; 
}

.m-r-de16 {
  margin-right: -16px !important; 
}

.pt-lists-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 48px;
  background-color: transparent;
  position: relative;
	color: rgba(233, 229, 246, 0.87);
}
.pt-lists--two-line.pt-lists--avatar-list .pt-lists-item,
.pt-lists--two-line.pt-lists--image-list .pt-lists-item {
  height: 72px; 
}
.pt-lists-item > a, .pt-lists-item > label, .pt-lists-item > .pt-lists-item__label {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
    color: rgba(233, 229, 246, 0.87);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    width: 100%;
    height: 100%;
    padding: 0 16px;
    margin-bottom: 0;
    overflow: hidden;
    text-decoration: none; 
}
.pt-lists-item:hover {
    background-color: rgba(0, 0, 0, 0.12); 
}
.pt-lists-item:hover .pt-lists-item__text {
	color: #FFFFFF; 
}
.pt-lists-item:active, .pt-lists-item.active, .pt-lists-item.active:hover {
    background-color: rgba(0, 0, 0, 0.24);
    color: #FFFFFF; 
}
.pt-lists--image-list .pt-lists-item__graphic {
  background-color: rgba(0, 0, 0, 0.12); /*rgba(0, 0, 0, 0.38)*/
  margin-left: 0;
  margin-right: 16px;
  width: 56px;
  height: 56px; }
.pt-lists--image-list .pt-lists-item__graphic.img-thumbnail {
	width: 56px;
	height: 56px;
	background-position: center center;
	background-size: cover;
	border-radius: 2px; 
}
.pt-lists--two-line .pt-lists-item.pt-lists-item__border::after {
    content: '';
    display: block;
    width: calc(100%);
    height: 1px;
    line-height: 1px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.12);
    bottom: 0;
    right: 0; 
}
.pt-lists--two-line .pt-lists-item.pt-lists-item__border:last-child::after {
    display: none; 
}
.pt-lists--two-line.pt-lists--image-list .pt-lists-item.pt-lists-item__border::after {
  width: calc(100% - 88px); 
}
.pt-lists-item__text {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 8px;
  width: 100%; 
}
.pt-lists--two-line.pt-lists--avatar-list .pt-lists-item__text,
.pt-lists--two-line.pt-lists--image-list .pt-lists-item__text {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start; 
}
.pt-lists--two-line.pt-lists--avatar-list .pt-lists-item .pt-lists-item__text,
.pt-lists--two-line.pt-lists--image-list .pt-lists-item .pt-lists-item__text {
    margin-top: 0px; 
}
.pt-lists-item__primary-text {
  color: rgba(233, 229, 246, 0.87);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden;
  display: block;
  margin-top: 0;
  margin-bottom: -20px; 
}
.pt-lists-item__primary-text .pantip-icons, 
.pt-lists-item__primary-text .pt-breadcrumb a:first-child::before, 
.pt-breadcrumb .pt-lists-item__primary-text a:first-child::before {
    opacity: 0.87; 
}
.pt-lists-item__primary-text::before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0; 
}
.pt-lists-item__primary-text::after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px; 
}

.pt-lists-item__secondary-text {
  color: rgba(233, 229, 246, 0.6);
  font-size: 14px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden;
  display: block;
  margin-top: 0; 
}
.pt-lists-item__secondary-text .pantip-icons, .pt-lists-item__secondary-text .pt-breadcrumb a:first-child::before, .pt-breadcrumb .pt-lists-item__secondary-text a:first-child::before {
    opacity: 0.6; 
}
.pt-lists-item__secondary-text::before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0; 
}
.pt-alpha-50 {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5; 
}

.pt-toast {
  z-index: 1100;
  margin: 8px;
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .pt-toast .pt-toast__surface {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    max-width: 672px;
    min-width: 344px;
    background-color: #212121;
    opacity: 0;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
    .pt-toast .pt-toast__surface.pt-toast__surface__white {
      background-color: #E9E5F6; }
      .pt-toast .pt-toast__surface.pt-toast__surface__white .pt-toast__label {
        color: rgba(0, 0, 0, 0.87); }
      .pt-toast .pt-toast__surface.pt-toast__surface__white .pt-toast__actions .btn-text-primary {
        color: #9575CD; }
      .pt-toast .pt-toast__surface.pt-toast__surface__white .pt-toast__actions .btn-text-light {
        color: rgba(0, 0, 0, 0.54); }
  .pt-toast.pt-toast-noti {
    bottom: 30px;
    left: auto;
    right: 30px;
    z-index: 1110; }
    @media (max-width: 576px) {
      .pt-toast.pt-toast-noti {
        bottom: auto;
        top: 0;
        left: 0;
        right: 0; } }

.pt-toast-noti-head.pt-lists-item__primary-text {
  color: rgba(0, 0, 0, 0.87); }

.pt-toast-noti-des.pt-lists-item__secondary-text {
  color: rgba(0, 0, 0, 0.54); }

.pt-toast__label {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  margin: 0;
  padding: 14px 16px; }

.pt-toast__actions {
  margin-left: 0;
  margin-right: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0; }

.pt-toast--open .pt-toast__surface {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;
  -o-transition: opacity 0.15s 0ms cubic-bezier(0, 0, 0.2, 1), transform 0.15s 0ms cubic-bezier(0, 0, 0.2, 1);  }

.pt-toast--close .pt-toast__surface {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.15s cubic-bezier(0.4, 0, 1, 1) 0ms;
  -o-transition: opacity 0.15s 0ms cubic-bezier(0.4, 0, 1, 1);
  transition: opacity 0.15s cubic-bezier(0.4, 0, 1, 1) 0ms; }

.pt-toast--stacked .pt-toast__surface {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start; }
.pt-toast--stacked .pt-toast__actions {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  margin-bottom: 8px; }
  .pt-toast--stacked .pt-toast__actions.pt-action-policy {
    width: 100%;
    padding-left: 16px;
    justify-content: space-between; }

.pt-toast--leading {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start; 
}

.btn-text-primary {
  color: #9575CD;
  background: transparent;
  background-image: none;
  border: none;
  transition: background 0.8s; 
}
.btn-text-primary:visited {
	color: #9575CD; 
}
.btn-text-primary:hover {
	color: #9575CD;
	background: rgba(115, 115, 153, 0.12); 
	transform: none;
	box-shadow: none;
}
.btn-text-primary:focus, .btn-text-primary.focus {
	-webkit-box-shadow: none;
	box-shadow: none; 
}
.btn-text-primary:disabled, .btn-text-primary.disabled {
	color: rgba(233, 229, 246, 0.3);
	background: transparent; 
}
.btn-text-primary:not(:disabled):not(.disabled):active, .btn-text-primary:not(:disabled):not(.disabled).active, .show > .btn-text-primary.dropdown-toggle {
	color: #FFFFFF;
	background: rgba(115, 115, 153, 0.24); 
}
.btn-text-primary:not(:disabled):not(.disabled):active:focus, .btn-text-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-text-primary.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	box-shadow: none; 
}
.btn-text-primary.loading {
	color: #9575CD;
	background: rgba(115, 115, 153, 0.12);
	pointer-events: none; 
}
@keyframes animate {
  0% {
    background-position: -2000px 0; }
  100% {
    background-position: 2000px 0; } }
.pt-loader {
	animation-name: animate;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	background: linear-gradient(to right, #44416F 8%, #565380 18%, #44416F 33%);
	-webkit-background-size: 2000px 104px;
	-moz-background-size: 2000px 104px;
	-o-background-size: 2000px 104px;
	background-size: 2000px 104px; 
}
.pt-image-gallery .img-loading {
	width: 200px;
	height: 100%; 
}

.pt-image-gallery_group .img-loading {
	width: 100%;
	height: 100%; 
}
.pt-loader-header {
    width: 100%;
    height: 20px;
    min-width: 80px;
    margin-bottom: 12px;
    border-radius: 2px;
}
.pt-loader-text {
  width: 100%;
  height: 12px;
  min-width: 40px;
  margin-bottom: 12px;
  border-radius: 2px; 
}
.pt-loader-button {
  width: 10%;
  min-width: 80px;
  height: 30px;
  border-radius: 2px;
}
.pt-loader-text.last-text {
  width: 60%;
}
.pt-snackbar.pt-snackbar-toast {
    bottom: 0;
    left: 0;
    right: auto;
    z-index: 1110;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start; 
}
.pt-snackbar .pt-snackbar__surface.pt-snackbar__surface__white {
	background-color: #E9E5F6; 
}
.pt-snackbar .pt-snackbar__surface.pt-snackbar__surface__white .pt-snackbar__label {
	color: rgba(0, 0, 0, 0.87); 
}
.pt-snackbar .pt-snackbar__surface.pt-snackbar__surface__white .pt-snackbar__actions .btn-text-primary {
	color: #9575CD; 
}
.pt-snackbar .pt-snackbar__surface.pt-snackbar__surface__white .pt-snackbar__actions .btn-text-light {
	color: rgba(0, 0, 0, 0.54); 
}
.pt-snackbar.pt-snackbar-toast .btn::after {
	transition: none;
}
.bl-transparent {
	border-color: transparent !important
}
.pt-manage_gallery-bar .btn.btn-text-primary:disabled,
.pt-manage_gallery-bar .btn.btn-text-primary.disabled,
.pt-manage_gallery-bar .btn.btn-text-primary:disabled > span,
.pt-manage_gallery-bar .btn.btn-text-primary.disabled > span{
	color: rgba(233, 229, 246, 0.3);
	background: transparent;
}
.pt-manage_gallery-bar .btn > i {
	font-size: 18px;
}
.pt-manage_gallery-bar button,
.pt-manage_gallery-bar button > span{
    color: #B39DDB; 
}
 .pt-manage_gallery-bar button:hover,
 .pt-manage_gallery-bar button:hover > span{
    background: none;
    color: #D1C4E9; 
}
.btn-text-hover-no-bg:hover {
  background: none;
  color: #D1C4E9 !important; 
}
.pt-bt_gallery_trash {
	position: absolute;
	right: 16px;
	font-size: 14px;
	font-weight: 500;
	color: #B39DDB;
}
.btn-text-primary.pt-bt_gallery_trash:hover, .btn-text-primary.pt-bt_gallery_trash:active {
	background: none !important;
	color: #D1C4E9 !important;
}
.pt-dialog__content-upload_image .pt-droparea:has(div) {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start; 
}
/* Optional Class */
.img-filter-transparent {
    filter: opacity(0);
    -webkit-filter: opacity(0);
    -moz-filter: opacity(0);
    -ms-filter: opacity(0);
    -o-filter: opacity(0);
}
@media (min-width: 992px) {
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
.m-r-de4 {
    margin-right: -4px !important;
}
.m-l-de4 {
    margin-left: -4px !important;
}
.p-lnr-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.btn-round {
    border-radius: 18px !important;
}
.btn-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    text-align: center;
}
.btn-text-light {
    color: rgba(233, 229, 246, 0.87);
    background: transparent;
    background-image: none;
    border: none;
    transition: background 0.8s;
}
.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}