#promptcontent {

	display: flex;

	justify-content: center;

	align-items: center;

	color: #000;

	background-color: #00B4FF;

}



#promptcontent:after {

	content: '';

	min-height: inherit;

	font-size: 0;

}



#promptcontent>div {

	max-width: 550px;

	padding: 30px 10px;

}



#promptcontent h1 {

	font-size: 45px;

	line-height: 1.05;

	text-align: center;

	margin: 0;

}



#promptcontent h1+div {

	font-size: 25px;

	line-height: 1.3;

	text-align: center;

	margin: 11px 0 20px 0;

}



#promptmodal .modal-header h4 {

	font-size: 23px;

}



#promptmodal .modal-content>.nextprompt,

#promptmodal .modal-content>.previousprompt {

	display: none;

	position: absolute;

	right: -60px;

	top: 50%;

	transform: translateY(-50%);

	font-size: 50px;

	line-height: 1;

	padding: 5px 10px 5px 16px;

	border-radius: 6px;

}



#promptmodal .modal-content>.nextprompt[disabled],

#promptmodal .modal-content>.previousprompt[disabled] {

	color: #666;

	background-color: #ccc;

	border: 1px solid #999;

	opacity: 1;

}



#promptmodal .modal-content>.nextprompt:focus,

#promptmodal .modal-content>.previousprompt:focus,

#subgenresearch:focus {

	outline: 0;

}



#promptmodal .modal-content>.previousprompt {

	left: -60px;

	right: auto;

	padding: 5px 16px 5px 10px;

}



#promptmodal .modal-body {

	text-align: center;

}



#promptmodal .modal-body>img {

	width: 100%;

	max-width: 300px;

	opacity: .65;

	filter: blur(.5px);

}



#promptmodal .modal-body>img:last-of-type {

	transform: scaleY(-1);

}



#promptmodal .modal-body h3 {

	font-size: 17px;

	margin: 70px 0 15px 0;

}



.promptad {

	display: none;

	font-size: 23px;

	line-height: 1.5;

	letter-spacing: .2px;

	text-align: center;

	position: relative;

	padding: 20px;

}



.promptad h3 {

	font-size: 28px;

	line-height: 1.3;

	margin-bottom: 15px;

}



.promptad p {

	margin-bottom: 30px;

}



.promptad a {

	font-size: 16px;

	padding: 10px 18px;

	text-transform: uppercase;

}



.promptad img {

	border-radius: 10px;

	margin-top: 33px;

}



#promptsubgenres {

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	max-width: 600px;

	margin: 20px auto 25px auto;

}



#promptsubgenres .subgenre {

	border: 1px solid rgba(0, 0, 0, .2);

	border-radius: 4px;

	box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);

	margin: 15px 10px 0 10px;

	padding: 8px 8px 8px 5px;

}



#promptsubgenres .subgenre>h2 {

	flex: auto;

	text-align: left;

}



#promptsocial {

	height: 32px;

}



#promptlegal {

	line-height: 1.8;

	color: #FFF;

	background-color: #0066b5;

	margin: 40px -20px -35px -20px;

	padding: 20px 25px;

}



#promptlegal a {

	color: #000;

	text-decoration: underline;

}



#promptform {

	width: 295px;

	margin: 0 auto;

}



#subgenresearch {

    width: 35%;

    height: 36px;

    vertical-align: middle;

    background: #FFF;

    border-top-right-radius: 10px;

    line-height: 35px;

    padding: 0 8px;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    float: right;

    border-right: 1px solid #cccccc;

    border-left: 1px solid #cccccc;

    border-top: 1px solid #cccccc;

    border-bottom: 1px solid #cccccc;

    border-left: 0px;

}



#subgenresearch:-ms-input-placeholder {

	color: #999;

	text-transform: uppercase;

}



#subgenresearch::-ms-input-placeholder {

	color: #999;

	text-transform: uppercase;

}



#subgenresearch::placeholder {

	color: #999;

	text-transform: uppercase;

	opacity: 1;

}



#genres {

    width: 0px;

}



#subgenres {

	width: 100%;

    height: 0px;

}



#subgenres+.select2-container {

	display: block;

}



.genre,

.subgenre,

.subgenreselection,

.subgenrepopover {

	display: flex;

	align-items: center;

	padding: 10px 5px;

    background-clip: #fafafa;

}



.genre>div:first-of-type,

.subgenre>div:first-of-type,

.subgenreselection>div:first-of-type,

.subgenrepopover>div:first-of-type {

	text-align: center;

	width: 58px;

	height: 40px;

}



.genre>div:first-of-type>img,

.subgenre>div:first-of-type>img,

.subgenreselection>div:first-of-type>img,

.subgenrepopover>div:first-of-type>img {

	max-width: 50px;

	height: 100%;

}



.genre>h2,

.subgenre>h2,

.subgenreselection>h2,

.subgenrepopover>div:last-of-type {



    flex: 1;

    font-size: 18px;

    margin: 0 0 0 5px;

    line-height: 1;

    white-space: normal;

    font-size: 14px;

    font-family: YekanBakh, Roboto, sans-serif;

    font-weight: 500;

}



.subgenre>h2>small,

.subgenreselection>h2>small,

.subgenrepopover>div:last-of-type>small {

	display: block;

	font-size: 70%;

	letter-spacing: .2px;

	text-transform: uppercase;

	margin-top: 5px;

}



.subgenre>a {

	color: #474747;

	margin: 5px 12px;

	transition: color 0.2s ease;

}



.subgenre>a>i {

	color: inherit !important;

	margin: 0;

	padding: 3px;

}



.searchremove,

.sortremove {

	display: none;

}



.subgenreselection {

	padding: 8px 30px 8px 0;

}



.subgenrepopover {

	color: #474747;

}



.subgenrepopover>div:first-of-type {

	width: auto;

	margin-right: 4px;

}



.genre,

.subgenre {

	transition: box-shadow 0.4s ease;

}



.genre:hover,

.subgenre:hover {

	background-color: #f1f1f1;

}



.subgenre>a:hover,

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {

	color: #428bca;

}



#subgenresubmit {

	position: relative;

	width: 100%;

	font-size: 18px;

	letter-spacing: .2px;

	text-transform: uppercase;

	padding: 9px 12px;

	border-top-right-radius: 0;

	border-bottom-right-radius: 10px;

	border-bottom-left-radius: 10px;

	border-top-left-radius: 0;

	outline: 0;

}



#subgenresubmit[disabled] {

	background-color: #86a8b6;

	border-color: #86a8b6;

	color: #f3f3f3;

	opacity: 1;

}



#subgenresubmit .processing {

	font-size: 14px;

	margin: -8px 0 0 -9px;

}



.select2-container--default .select2-selection--single {

    width: 191px;

    height: 36px;

    vertical-align: middle;

    background: #FFF;

    border-top-left-radius: 10px;

    line-height: 35px;

    padding: 0 8px;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    float: right;

    border-right: 1px solid #cccccc;

    border-left: 1px solid #cccccc;

    border-top: 1px solid #cccccc;

    border-bottom: 1px solid #cccccc;

    display: block;

    position: relative;

    min-width: 100%;

    float: left;

    text-align: center;

    border-radius: 10px 0px 0px 0px;

}



.select2-container--default .select2-selection--single:focus {

	outline: 0;

}



.select2-container--default .select2-selection--single .select2-selection__rendered {

	line-height: 35px;

	color: #999;

	letter-spacing: .2px;

	text-transform: uppercase;

    font-size: 13px;

}



.select2-container--default .select2-selection--single .select2-selection__arrow {

	height: 36px;

}



#subgenresparent  {



    margin: 0px;

    border: 0px;

    padding: 0px;

}



#subgenresparent .popover-content {

	font-size: 12px;

	color: #474747;

	line-height: 1.7;

	padding: 9px 19px 16px 19px;

}



#subgenresparent>.select2-container {

	position: static !important;

	left: auto !important;

	top: auto !important;

}



.select2-search__field {

	display: none;

}



.select2-container--default .select2-selection--multiple {

	height: 0;

	min-height: 0;

	overflow-y: scroll !important;

	border-top: none !important;

	border-bottom: none !important;

	border-radius: 0;

	cursor: auto;

}



.select2-container--default .select2-selection--multiple>ul {

	display: none !important;

}



.select2-container--default .select2-selection--multiple .select2-selection__choice {

	position: relative;

	width: 100%;

	background-color: #FFF;

	border: 1px solid #f1f1f1;

	margin: 5px 0;

}



.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

	font-size: 16px;

	color: #474747;

	position: absolute;

	top: 50%;

	right: -1px;

	transform: translateY(-50%);

	padding: 10px;

	transition: color 0.2s ease;

}



.select2-container--default.select2-container--focus .select2-selection--multiple { */

    width: 100%;

    color: #000;

}



.select2-container--open .select2-dropdown {

	position: static;

	border-radius: 0;

	margin-bottom: -1px;

}



.select2-container--default .select2-results>.select2-results__options {

	max-height: 207px;

	padding: 0;

    color: #000;

}

}



#subgenresparent .select2-container--default .select2-results>.select2-results__options {

	height: 265px;

	max-height: none;

	overflow-y: scroll !important; */

    margin: -14px 1px;

}



.select2-results__option {

	padding: 0;

}



.select2-container--default .select2-results__option[aria-selected=true] {

	background-color: transparent;

}



.select2-container--default .select2-results__option[aria-selected=true] .genre,

.select2-container--default .select2-results__option[aria-selected=true] .subgenre {

	background-color: #d2edf8;

}



.select2-container--default .select2-results__option--highlighted[aria-selected] {

	background-color: transparent;

	color: inherit;

}



.mobile .genre:hover,

.mobile .subgenre:hover {

	box-shadow: none;

}



.mobile .subgenre>a:hover,

.mobile .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {

	color: inherit;

}



.mobile #subgenresearch,

.mobile .select2-container--default .select2-selection--single .select2-selection__rendered {

	font-size: 16px;

}



.mobile .nextprompt,

.mobile .previousprompt {

	background-color: #fff;

}



.mobile #promptmodal .modal-body>img {

	filter: blur(0);

}



.highlight {

	background-color: yellow;

}



#st-2 {

	z-index: 1036 !important;

}



@media (min-width: 500px) {

	#promptcontent>div {

		padding: 43px 50px 47px 50px;

	}



	#subgenresparent .popover-content {

		font-size: 14px;

	}

}



@media (min-width: 768px) {



	#promptmodal .modal-content>.nextprompt,

	#promptmodal .modal-content>.previousprompt {

		display: inline-block;

	}



	#promptmodal .modal-footer>.nextprompt,

	#promptmodal .modal-footer>.previousprompt {

		display: none;

	}

}



@media (min-width: 800px) {

	#promptcontent {

		background-color: #FFF;

	}



	#promptcontent>div {

		background-color: #00B4FF;

		border-radius: 20px

	}



	#promptform fieldset {

		height: 45.5px;

	}



	#st-2 {

		top: 50% !important;

		transform: translateY(-50%);

	}

}



@media (min-width: 992px) {

	.modal-lg {

		width: 85%;

		max-width: 900px;

	}

}