/*! Place your custom styles here */

/* EARLY BIRD SPECIALS */
.box-shadow-early {
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2)
}

/* GENERAL */
a {
  color: #ff0000;
  font-weight: 300;
}

section, footer {
	padding-top: 2.5em;
	padding-bottom: 2.5em;
}

section.last {
	padding-bottom: 0;
}

h1 .h2.light {
	color: #fff;
}

h4 {
	margin-top: 1.1em !important;
}

h6 {
	text-transform: uppercase;
}

h6.margin-none {
	margin-bottom: 0;
}

.guidelines ul {
	list-style: inside;
	margin-bottom: 10px;
}

.guidelines ul li {
	margin-top: 10px;
    text-indent: -1em;
    padding-left: 1em;
}

.guidelines ul li:first-of-type {
	margin-top: 0;
}

.prize .feature {
	margin-bottom: 0;
}

span.highlight {
	color: #ff0000 !important;
}

.type--fade {
	opacity: .7;
}
 
.container-fluid {
	padding-left: 5%;
	padding-right: 5%;
}

.dot {
  height: 10px;
  width: 10px;
  background-color: #ff0000;
  border-radius: 50%;
  display: inline-block;
}

.dropdown.dropdown--hover:hover > .dropdown__container{
  pointer-events: all;
}
f
.dropdown__content{
  transform: translateY(10px);
}

.dropdown__container:before{
  display: none !important;
}

.dropdown__container, .dropdown__content{
  left: 0 !important;
}

.header-image {
	max-height: 2.4em;
}

.navigation-top-spacer {
	padding-top: 5px;
}

.navigation-left-spacer {
	padding-left: 30px; 
}

.card__avatar  {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

a[data-notification-link] {
	color: #fff;
	font-size: 20px;	
}

.type--fine-print {
    font-size: 0.85714286em;
    line-height: 1.5em;
}

the-email::after {
	content: attr(data-domain);
}

the-email::before {
	content: attr(data-user) "\0040";
}

/* Notifications */
.row.notifications  {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 20px;
}
.row.notifications div[class*="col-"] {
	padding: 5px;
}

.row.dashboard.small {
	display: table;
	width: 100%;
	height: 100%;
	margin-top: 4px;
}

.row.dashboard.small div[class*="col-"] {
	display: table-cell;
	vertical-align: middle;
	line-height: 40px;
	padding-right: 0;
}

.row.dashboard.small div.info {
	padding-left: 8px;
	text-align: left;
}

/* Badges */
span.badge-light.see-all
{
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 10px;
}
span.badge-light {
    color: #fff;
    background-color: #ff0000;
}
span.badge-light a {
	color: #fff;
	text-decoration: none;
	padding: 0;
	font-size: 100%;
    font-weight: 700;
}
span.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

/* 
.dropdown__container {
	top: 10px;
}*/

.menu-horizontal > li:not(:hover) > a, .menu-horizontal > li:not(:hover) > span, .menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
	opacity: 1;
}

li a.filter-active {
	font-weight: bold;	
}

.form-divider {
	padding: 20px 0;
}

.label:not([class*="bg--"]) {
    background: #666666;
}

.label.label-green {
	background: #8dc63f;
	color: #fff;
}

.btn.btn-danger {
	background: #ff0000;
}

.btn.btn-danger i {
	color: #ffffff;
}

.btn.btn-danger .btn__text {
	color: #ffffff;	
}

.btn:hover.btn-danger {
    border-color: #ff0000;
}
.btn.btn--xl {
	width: 100%;
}

.text-block #bio-text {
	margin-top: 20px;
	margin-bottom: 20px;
}

.text-block #bio-buttons {
	margin-top: 20px;
	margin-bottom: 20px;
}

label span.helper {
	color: #999;
}

.feature:not(.boxed) {
	margin-bottom: 0;
}

section.lg-spacer {
	padding-top: 7.42857143em;
	padding-bottom: 7.42857143em;
}

hr {
	border-color: #999;
}

div.hr {
	padding-top: 20px;
}

.col-centered {
    text-align:left;
    margin-right:-4px;	
    display:inline-block;
    float:none;
}

ul.user-navigation li a {
	color: #b6b6b6;
}

ul.user-navigation li a.active {
	color: #ff0000;
}

.menu-horizontal li:not(:last-child) {
	margin-bottom: 10px;
}

ul.tagcloud  {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.tagcloud  li {
	display: inline-block;
	margin: 0 .3em .3em 0;
	padding: 0;
}
ul.tagcloud li a {
	display: inline-block;
	max-width: 100px;
	height: 28px;
	line-height: 28px;
	padding: 0 1em;
	background-color: #fff;
	border: 1px solid #b7b7b7;
	border-radius: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #b7b7b7;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
}
ul.tagcloud  li a:hover {
	background-color: #ff0000;
	border: 1px solid #ff0000;
	color: #fff;
}

.label.label-plus, .label.label-new {
	background: #efefef; 
	color: #666;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.feature h4 + p {
	max-width: none;
}

.cta-2.bg--primary:hover {
  background: #ff0000;
}

/* MAIN SPACERS */
.da-main-spacer {
	padding-left: 75px;
	padding-right: 75px;
}

.form-additional {
	margin-top: 30px;
}

.comments-form {
	margin-top: 40px;
}

.comments + .comments-form {
	margin-top: 3.71428571em;
}

/* CARD STYLES */
.card .card__body {
	position: relative;
}

.card-1 .card__avatar img {
	width: 2.4em;
	height: 2.4em;
	max-height: 2.4em;
	border-radius: 50%;
	border: 1px solid #666666;
	display: inline-block;
}

.card-1 .card__avatar a {
	color: #000;
	text-decoration: none;
}

.card-1 .card__avatar a:hover {
	color: #ff0000;
	text-decoration: none;
}

.card-1 .card__avatar span {
	font-size: 0.85em;
}

.card-1 .card__avatar span .is-plus {
	width: 1.5em; 
	height: 1.5em;
	margin-left: 4px; 
	border: none; 
	display: inline-block;
}

/* TABS */
.tabs li.active {
	background-color: #ff0000;
}

.tabs li.active .tab__title span {
	color: #ffffff;
}

/* DASHBOARD */
.fa-stack[data-count]:after{
	position:absolute;
	right: -6%;
	top: -6%;
	content: attr(data-count);
	font-size:60%;
	padding:.6em;
	border-radius:999px;
	line-height:.75em;
	color: white;
	background:rgba(255,0,0,.85);
	text-align:center;
	min-width:2em;
	font-weight:bold;
}

/* NEW 02/03/2018 */
.card-1 .card__body {
	padding-bottom: 0;
}

.card-1 .card__body img {
	margin-bottom: 0;
}

.card-1 .card__info {
	padding-top: 0.92857143em;
	border-top: 1px solid #ececec;
	margin-top: 0.92857143em;
	white-space: nowrap;
	overflow: hidden;
}

.card-1 .card__bottom p {
	font-size: 0.85em;
	line-height: 1.3em;
	min-height: 1.3em;
	display: block;	
}

.card-1 .card__bottom p span {
	white-space: nowrap;
}


/* INITIAL OVERLAY
.card-1 .card__body p {
	font-size: 0.85em;
	line-height: 1.3em;
	min-height: 1.3em
}

.card-1 .card__body p span {
	white-space: nowrap;
}
END OVERLAY */

.card-2 .card__body {
	border: 1px solid #ececec;
	border-radius: 0 0 6px 6px;
	background: #fff;
}

/*
.card-1 .card__art_title {
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}*/
.card-1 .card__art_title {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	background-color: #fff;
}
.card-1 .card__art_title:after {
	content: "";
	pointer-events: none;
	position: absolute;
	width: 50px;
	height: 100%;
	top: 0; right: 0;
	
	background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.card__action {
	color: #b3b3b3;
	font-size: 12px;
	font-weight: 700;
}

a.change_overlay {
	text-align: center;
}	

a.change_overlay .card__magnify {
	display: none;
}

a.change_overlay:hover .card__magnify {
	position: absolute;
	width: 100%;
	top: 25%;
	z-index: 10;
	display: block;
	margin: auto;
	min-width: 100%;
	max-width: 100%;
}

@media (max-width: 320px) {
	a.change_overlay:hover .card__magnify {
		display: none;
	}
}

#wrapper{
  width:100%;
  height:auto;
  vertical-align: middle;
  font-size: 0;
}

#left-div{
  width:20%;
  display: inline-block;
  font-size: initial;
  vertical-align: middle;
  text-align: center;
}

#left-div .iconograph {
	padding: 10px;
}

#right-div{
  width:80%;
  display: inline-block;  
  font-size: initial;
  vertical-align: middle;
}

#right-div h5 {
	font-size: 14px;
	line-height: 18px;
}



a.change_overlay:hover div.card__overlay
{
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
	position: absolute;
	display: block;
	border-radius: 6px;
	vertical-align: middle;
	z-index: 9;
}



span.is_project {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 10px;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    z-index: 3;
    top: 1.23809524em;
    right: 1.23809524em;
	background: #555;
	line-height: 9px;
	opacity: 0.75;
}

@media only screen 
and (max-device-width : 736px) {
	.user-followers {
		text-align: center;
	}
}

.user-followers p {
	margin-bottom: 4px;
}

.user-followers a {
	color: #000;
	text-decoration: none;
}

img.is-plus {
	width: 1.5em;
	height: 1.5em;
	margin-left: 4px;
	border: none;
	display: inline-block;	
}

span.is_plus {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ff0000;
    text-transform: uppercase;
    padding: 0;
    text-align: center;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
	line-height: 20px;
}

@media (max-width: 368px) {
	.card__action, action {
		font-size: 10px;
	}
}

img.avatar {
	border-radius: 50%;
	border: 1px solid #666666;
}
img.avatar.avatar--lg {
	width: 5.57142857em;
	height: 5.57142857em;
	max-height: 5.57142857em;
}
img.avatar.avatar--md {
	width: 10.57142857em;
	height: 10.57142857em;
	max-width: 10.57142857em;
	max-height: 10.57142857em;
}
img.avatar.avatar--md.avatar--percentage {
	width: 60%;
	height: 60%;
}
img.avatar.avatar--sm {
	width: 3.71428571em;
	height: 3.71428571em;
	max-height: 3.71428571em;
}
img.avatar.avatar--xs {
	width: 2.4em;
	height: 2.4em;
	max-height: 2.4em;
}

/* COMMUNITY */
.boxed.boxed--lg.artist-box {
	/*min-height: 400px;*/
	padding-bottom: 1.5em;
}

h4.artist-name, h4.artist-name a {
	color: #000;
}

.artist-box h4 { 
	margin: 20px 0 0 0;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	color: #000;
	font-size: 1.20em;
	line-height: 1.23em;
}

.artist-box h6 { 
	margin: 0 0 20px 0;
	color: #000;
	font-size: 0.95em;
	line-height: 0.95em;
	text-transform: none;
	font-weight: normal;
}

.artist-box h4 a { 
	color: #000;
}

.artist-box h4 .is-plus { 
	margin-left: 2px; 
	width: 1em; 
	height: 1em; 
	border: none; 
	display: inline-block;
}

.artist-box h4 a:hover { 
	color: #ff0000;
}

.artist-box p { 
	margin: 15px 0 15px 0;
	line-height: 1.25em;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.artist-box p strong {
	display: block;
	min-height: 18px;
}

.artist-box p span {
	display: block;
	min-height: 26px;
}

.artist-box .row.community-thumbs  { 
	margin-top: 20px;
}

.artist-box .row.community-thumbs {
	/*margin: 0 2px; */
}

.row.community-thumbs > div[class^="col-"] {
    padding-right: 2px;
    padding-left: 2px;
}

.hello-there {
	display: inline-block;
}

.small-cards.col-xs-6 {
	padding-right: 3px;
	padding-left: 3px;
}

/* Speech Bubble */
.speech-bubble { 
	position: relative; 
	background: #ff0000; 
	border-radius: .4em; 
	margin-top: 20px;
} 
.speech-bubble:after { 
	content: ''; 
	position: absolute; 
	bottom: 1px; 
	left: 50%; 
	width: 0; 
	height: 0; 
	border: 1.063em solid transparent; 
	border-top-color: #ff0000; 
	border-bottom: 0; 
	margin-left: -1.062em; 
	margin-bottom: -1.062em; 
	}
.speech-bubble h2 {
	color: #fff;
	padding: 20px;
}

/* FAVES */
.fave-yes,  .fave-no:hover  {
	color: #ff0000 !important;
	cursor:pointer;
}
.fave-no,  .fave-yes:hover  {
	color: #b2b2b2;
	cursor:pointer;
}
.material-icons.big-heart {
	font-size: 48px !important;
	margin-right: 0;
	font-weight: normal;
	margin-bottom: 10px;
}

#sortable .uploads {
	padding: 10px;
	background: none;
	border: 0;
}

/* HOME */
.home h1 {
	margin-bottom: 0px;
	line-height: 1em;
}

@media (max-width: 767px) {
	.home h4 {
		font-size: 1.25em;
	}
	
	.bar.bar--mobile-sticky[data-scroll-class*='fixed'] + .bar.pos-fixed {
		top: 58.5625px;
		background: #262626;
	}
}
.feature.gallery {
	border-radius: 6px 6px 0 0;	
}
.feature > div.img-holder {
	position: relative;
	width: 100%;
	background: #000;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #252525));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #0000000 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
	/* IE10+ */
	background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 100%);
	border-radius: 6px 6px 0 0;
}
.feature > div.img-holder img {
	border-radius: 6px 6px 0 0;	
	opacity: 0.8;
}
.feature div.feature-poop {
	position: absolute !important; 
	top: 10px !important;
	left: 20px !important;
}
.feature > .boxed.boxed--no-radius {
    border-radius: 0 0 6px 6px;
    border-top: none;
}

.feature .feature-poop a {
	color: #ffffff;
	text-decoration: none;
}
.feature .feature-poop h3 {
	margin-bottom: 0;
}

/* DRAWING CHALLENGES */
.showcase-sponsor p {
	font-size: 20px;
	line-height: 26px;
	font-weight: 200;
}

/* DRAWING PROMPTS */
div.icon-holder p {
	margin-top: 50px;
	font-size: 14px;
	font-family: "Open Sans", serif;
}
div.icon-holder p {
	margin-top: 50px;
	font-size: 14px;
	font-family: "Open Sans", serif;
}
div.icon-holder .feature-3 p {
	min-height: 0;
}
.fun-highlights-bg {
	background-image: url('/images/register/price-bg.jpg'); 
	background-repeat: no-repeat; 
	background-size: cover; 
	min-height: 500px; 
	background-position: center center;
}
.fun-highlights {
	background: #fff;
	position: absolute; 
	z-index: 2; 
	margin-left: auto; 
	margin-right: auto; 
	margin-right: auto; 
	left: 0; 
	right: 0; 
	margin-top: -150px;
	padding-top: 60px; 
	padding-bottom: 60px; 
	padding-left: 60px; 
	padding-right: 60px; 
}
.fun-highlights h2 {
	margin-bottom: 60px;
}

.wake-up-creativity {
	padding-top: 220px;
	padding-bottom: 1rem;
}


@media(max-width: 1024px) {
	.fun-highlights-bg {
		min-height: 500px; 
	}
}

@media(max-width: 768px) {
	.fun-highlights-bg {
		min-height: 350px; 
	}
	.fun-highlights {
		position: relative; 
		padding-top: 50px; 
		padding-bottom: 50px; 
		padding-left: 40px; 
		padding-right: 40px; 
	}
	.fun-highlights h2 {
		margin-bottom: 40px;
	}
	.wake-up-creativity {
		padding-top: 0;
		padding-bottom:  0;
	}
}

/*
.fun-highlights {
	padding-top: 70px; 
	padding-bottom: 70px; 
	padding-left: 50px; 
	padding-right: 50px; 
	background: #fff;
}
*/


ul.list-with-spacing { 
	list-style-type: none; 
}
ul.list-with-spacing li:before {    
    font-family: 'FontAwesome';
    content: '\f00c';
    margin:0 0 0 -15px;
    color: #8DC63F;
}
ul.list-with-spacing li {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 21px;
}
ul.list-with-spacing li:last-child {
	margin-bottom: 0;
}

@media(max-width: 768px) {
	ul.list-with-spacing li {
		font-size: 16px;
		line-height: 18px;
	}
	ul.list-with-spacing li:last-child {
		margin-bottom: 30px;
	}
}

.drawing-testimonials .testimonial p {
	min-height: 156px;
}

.drawing-testimonials .testimonial .testimonial__image {
	margin-bottom: 0;
}

p.card__art_title .icon-prompts {
	position: absolute; 
	bottom: 0; 
	right: 0; 
	z-index: 1000;
	width: 18px;
	height: auto;
}

.prompt-options {
	background-color: #ffffff;
	margin-right: 5%;
}

.prompt-options h6 {
	text-transform: none;
}

.prompt-options p {
	color: #000;
	font-size: 1.6em;
}


div.additional_info a {
	text-decoration: none;
	font-size: 2em;
	line-height: 1.25em;
}

.faqs p {
	margin-bottom: 20px;
}


/* CURATED GALLERY */
.feature__body a {
	font-weight: 600;
}

.responsive-rectangle {
	background: -webkit-linear-gradient(bottom, #0071B4, rgba(0, 113, 180, .8));
	background: -moz-linear-gradient(bottom, #0071B4, rgba(0, 113, 180, .8));
	background: -o-linear-gradient(bottom, #0071B4, rgba(0, 113, 180, .8));
	background: linear-gradient(to top, #0071B4, rgba(0, 113, 180, .8));
	float: left;
	max-width: 360px;
	text-align:center;
	width: 100%;
}
.image-wrapper {
	padding-top: 62%;
	position: relative;
	width: 100%;
}
.image-wrapper img {
	bottom: 0;
	left: 0;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	right: 0;
	position: absolute;
	top: 0;
}

.feature-1 > .responsive-rectangle {
	border-radius: 6px 6px 0 0;
}
.feature__body.boxed {
	border-radius: 0 0 6px 6px !important;
	border-top: none;
}


/* REGISTER */
.with-background {
	height: 100%;
}

.with-background h1 {
	color: #fff;
}
.with-background .boxed.boxed--lg {
	padding: 2.0em;
}
.type--small {
	font-size: 1em;
}
.type--smaller {
	font-size: 0.85714286em;
	line-height: 1.5em;
}
.type--smaller a {
	line-height: 1.5em;
}

.feature a + h4 {
	margin-top: 1.36842105263158em
}

.billing-price {
	font-size: 1em !important;
	line-height: 1.85714286em;
	font-weight: 600;
}

.register-dark {
	background: rgba(20, 20, 20, 0.85) !important;
}

.btn.btn--secondary, .btn.btn--secondary:hover {
	background: #fafafa;
	color: #333;
}

@media (max-width: 990px) {
	button {
		margin-top: 0;
	}
	
	button#apply-coupon {
		margin-left: 10px;
	}
}

/* LEARN */
.conversation__head h4 {
	margin: 1.1em 0 !important
}

/* BLOG */
.article__body h3 {
	font-size: 2m;
	line-height: 2em;
}

.article__body h4 {
	font-size: 1.65em;
	line-height: 1.5em;
}

.article__body ol {
	margin-left: 3em;
	font-size: 1.35714286em;
	line-height: 1.68421053em;
}

.article__body ol li:not(:last-child) {
	margin-bottom: 0.10em;
}

.article__body ul {
	margin-left: 3em;
	font-size: 1.35714286em;
	line-height: 1.68421053em;
	list-style-type:disc;
}

.article__body ul li:not(:last-child) {
	margin-bottom: 0.10em;
}

article .article__body img:not(:last-child) {
	margin-bottom: 0;
}

article .article__body img.featured-image {
	margin-bottom: 1.85714286em;
}

article .article__body a.btn.btn-primary {
	background: #ff0000;
}


/* PROFILE */

.menu-vertical li a.current {
	color: #666;
}

.profile span strong {
	color: #ff0000;	
}
.profile img.avatar {
	border-radius: 50%;
	border: 1px solid #666666;
	width: 5.57142857em;
	height: 5.57142857em;
}

.profile .bio {
	margin-top: 20px;
}

.masonry-filter-holder.right:not(.masonry-filters--horizontal), .masonry__filters.right {
	left: auto !important;
	right: 0 !important;
	text-align: right !important;
}

ul.user-navigation li a, ul.user-navigation li a.active {
	font-size: 0.7em;
	text-transform: uppercase;
	font-weight: 600;
}

.menu-horizontal.pills > li {
	border: 1px solid #666666;
	padding: 0px 14px;
	border-radius: 50px;
}

.menu-horizontal > li:not(:hover) > a {
	opacity: 1;
}

.test-fixed {
	width: 220px;
	float: left;
	background: red;
	margin: 1.6%;
}

@media (max-width: 430px) {
	.test-fixed {
		width: 100% !important;
	}
}

@media (max-width: 1000px) {
	.boxed {
		width: 100% !important;
		clear: left;
	}
}

/* COMMENTS */
.comments {
	border-top: 1px solid #ececec;
	margin-top: 40px;
	padding-top: 40px;
}

.related {
	padding: 40px 0;
}

/* MARKETPLACE */
.card.marketplace .card__body {
	border-bottom: 1px solid #ececec;
	padding-bottom: 0.92857143em;
	margin-bottom: 0.92857143em;
}


/* ART DETAIL */
.modal-details .modal-header {
	padding: 30px 40px 0 40px;
	position: relative;
	z-index: 1000;
}
@media (max-width: 768px) {
	.modal-details .modal-header {
		padding: 15px 20px 0 20px;
	}
	.modal-details .modal-body {
		padding: 15px 20px;
	}
}
.modal .details-container {
	position: relative;
	margin-top: -20px;
}
.details-container h1.title {
	font-weight: 400;
	font-size: 1.35714286em;
	line-height: 1.20em;
	margin-top: 1.1em !important;
	margin-bottom: 6px;
}
.details-container .avatar {
	margin-bottom: 15px;
}
.details-container .background {
	background: #f9f9f9;
}
.details-container .use-padding {
	padding: 20px !important;
}
.details-container .sidebar {
	background: #f9f9f9;
	padding: 20px !important;
	margin-top: 20px;
	font-size: 0.85em;
	line-height: 1.25em;
}
.details-container .sidebar .buy {
	border-bottom: 1px solid #ececec;
	padding-bottom: 20px;
}
.details-container .sidebar .buy .btn {
	margin-bottom: 6px;
}
.details-container .sidebar .actions {
	color: #999;
	padding: 20px 0;
	border-bottom: 1px solid #ececec;
}
.details-container .sidebar .actions:last-child {
	border-bottom: none;
}
.details-container .sidebar .actions .actions-more {
	padding-top: 10px;
}
.details-container .sidebar .actions .actions-more h4 {
	margin-bottom: 0;
}
.details-container .sidebar .actions .actions-more h4 img.is-plus {
	width: 1em; 
	height: 1em;
	margin-left: 4px; 
	border: none; 
	display: inline-block;
}
.btn.btn--icon.btn--da {
	border-color: #999;
	background: #fff;
	padding-left: 5em; 
	line-height: 22px;
}
.btn.btn--icon.btn--da .btn__text, .btn.btn--icon.btn--da .btn__text i {
	color: #999;
	border-color: #999;
	font-weight: 700;
	font-size: 12px;
}
.btn.btn--icon.btn--da .btn__text i {
	background: none;
	line-height: 36px;
	border-right: 1px solid #999;
	font-weight: 300;
	padding-right: 22px;
}
.btn.btn--icon.btn--da.btn--fave:hover {
	border-color: #ff0000;
	background: #ff0000;
}
.btn.btn--icon.btn--da.btn--fave:hover .btn__text, .btn.btn--icon.btn--da.btn--fave:hover .btn__text i {
	color: #fff !important;
	border-color: #fff;
}
.btn.btn--icon.btn--da.btn--fave:hover .btn__text i {
	border-right: 1px solid #fff;
}
.btn.btn--icon.btn--da.btn--buy:hover {
	border-color: #00aeef;
	background: #00aeef;
}
.btn.btn--icon.btn--da.btn--buy:hover .btn__text, .btn.btn--icon.btn--da.btn--buy:hover .btn__text i {
	color: #fff;
	border-color: #fff;
}
.btn.btn--icon.btn--da.btn--buy:hover .btn__text i {
	border-right: 1px solid #fff;
}
.btn.btn--icon.btn--da.btn--follow:hover {
	border-color: #000000;
	background: #000000;
}
.btn.btn--icon.btn--da.btn--follow:hover .btn__text, .btn.btn--icon.btn--da.btn--follow:hover .btn__text i {
	color: #fff;
	border-color: #fff;
}
.btn.btn--icon.btn--da.btn--follow:hover .btn__text i {
	border-right: 1px solid #fff;
}
.details-container .sidebar .actions .fave a i.material-icons {
	font-size: 4em;
	margin-right: 0;
	font-weight: normal;
	margin-bottom: 10px;
}
.details-container .sidebar .actions .list-inline li {
	display: inline-block;
	font-size: 1em;
	color: #666666;
}
.details-container .sidebar .actions .list-inline li  i.material-icons {
	font-size: 16px;
}
.details-container .sidebar .actions .list-inline li:not(:last-child) {
    margin-right: 1.85714286em;
}
.details-container .sidebar .actions .list-inline li:first-child {
    padding-left: 0;
}
.details-container .caption {
	padding-top: 40px;
}
.details-container .caption p {
	color: #666666;
	font-size: 1.35714286em;
	line-height: 1.36842105em;
}
.modal-art .modal-art-actions span {
	display: block;
	font-size: 0.85em;
	line-height: 0.85em;
	margin-bottom: 10px;
	font-weight: normal;
}
.details-container .sidebar .tags {
	color: #999999;
	padding: 0 0;
}
.details-container .sidebar .tags a {
	color: #999999;
}
.details-container .sidebar .tags a:hover {
	color: #ff0000;
}
.details-container .sidebar .artist-info {
	border-top: 1px solid #ececec;
	padding: 20px 0;
}
.details-container .sidebar .artist-info span.username {
	font-size: 0.75em;
	line-height: 0.75em;
	display: block;
	margin: -6px 0;
}

/* AVATARS */
.avatar img {
	border-radius: 50%;
}
.avatar .avatar-sm {
	display: inline-block;
}
.avatar .avatar-sm img {
    width: 2.4em;
    height: 2.4em;
    max-height: 2.4em;
    border-radius: 50%;
    border: 1px solid #666666;
}
.avatar .avatar-sm span {
    font-size: 0.85em;
}

/* PRICING */
.pricing-2 h2 {
	font-size: 32px;
	margin-bottom: 0;
}

.pricing-2 h3 {
	font-size: 28px;
	margin-bottom: 10px;
	font-weight: 700;
}

.pricing-2 h3 strike {
	font-weight: 300;
}

.pricing-2 ul:first-child {
	margin-top: 30px;
}

.pricing-2 ul li:not(:last-child) {
    margin-bottom: 0.1em;
}

/* Simple Nav */
.simple-sidenav {
	margin-top: 30px;
}

.simple-sidenav h6 {
	margin-bottom: 0;
}

.simple-sidenav ul li  
{
	margin-top: 10px;
}

.simple-sidenav ul li span 
{
	display: inline-block;
}

.simple-sidenav ul li a
{
	color: #000;
	text-decoration: underline;
	margin-right: 8px;
}

/* COUNT DOWN */
#countdown-wrap {
  width: 100%;
  height: 150px;
  //border: 1px solid black;
  padding: 20px;
  font-family: arial;
}

#goal {
  font-size: 32px;
  text-align: right;
  color: #666;
  margin-bottom: 20px; 
}

#glass {
  width: 100%;
  height: 20px;
  background: #c7c7c7;
  border-radius: 10px;
  float: left;
  overflow: hidden;
}

#progress {
  float: left;
  width: 0%;
  height: 20px;
  background: #ff0000;
  z-index: 333;
  //border-radius: 5px;
}

.goal-stat {
  width: 50%;
  //height: 30px;
  padding: 10px;
  float: left;
  margin: 0;
  color: #666;
}

.goal-number, .goal-label {
  display: block;
}

.goal-number {
  font-weight: bold;
}

@media only screen and (max-width : 640px) {
	#goal {
		text-align: center;  
		font-size: 24px;
	}
}

/* ADD margin to columns that are stacked */
.row.row-grid [class*="col-"] + [class*="col-"] {
    margin-top: 15px;
}

@media (min-width: 1200px) {
    .row.row-grid [class*="col-lg-"] + [class*="col-lg-"] {
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    .row.row-grid [class*="col-md-"] + [class*="col-md-"] {
        margin-top: 0;
    }
}
@media (min-width: 768px) {
    .row.row-grid [class*="col-sm-"] + [class*="col-sm-"] {
        margin-top: 0;
    }
}							


/* BEGIN 5 COLUMN BOOTSTRAP HACK */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xl-17 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1600px) {
    .col-xl-17 {
        width: calc(100% / 6);
        float: left;
    }
    .hidden-xl {
       display: none !important;
   }
}
/* END 5 COLUMN BOOTSTRAP HACK */

/* FORM OVERRIDES */
.stopbots {
	display: none;
}

input[type]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #9b9b9b;
}
input[type]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  /* Firefox 18- */
  color: #9b9b9b;
}
input[type]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  /* Firefox 19+ */
  color: #9b9b9b;
}
input[type]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #9b9b9b;
}

div.bg--error.errors {
	background: #ff0000;
	color: #fff;
}

div.errors span {
	color: #fff;
}

div.errors a {
	color: #fff;
	text-decoration: underline;
}

div.errors ul{
	color: #fff;
	list-style-type: disc;
	list-style-position: inside;
}

div.bg--success.success {
	background: #4ebf56;
	color: #fff;
}

div.success span {
	color: #fff;
}

div.success ul{
	color: #fff;
	list-style-type: disc;
	list-style-position: inside;
}




/* MODAL */
.generic.modal {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.generic.modal .modal-header {
	padding: 20px 20px 0 20px;
}

.generic.modal .modal-header .close {
	float: right;
	width: 30px;
	height: 30px;
	border: none;
	font-size: 20px;
	line-height: 20px;
}

.generic.modal .modal-body {
	padding: 20px 30px 20px 30px;
}

.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 30px 40px;
 /* border-bottom: 1px solid #e5e5e5;*/
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px 40px;
}
.modal-footer {
  padding: 40px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

/* NEW MODAL */
#overlay-content {
	padding: 25px 40px 0 40px !important;
	background: #fff !important;
}
.modal-nav {
	visibility:hidden;
	position:fixed;
	width:30px;
	z-index:1;
	opacity:0.5;
}
.modal-nav:hover {
	cursor:pointer;
	opacity: 0.8;
}
.modal-nav {
	visibility:hidden;
	position:fixed;
	width:30px;
	z-index:1;
	opacity:0.5;
}
.modal-nav:hover {
	cursor:pointer;
	opacity: 0.8;
}
.close-outside {
	display: block;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	width:100%;
	position: absolute;
	opacity:0.5;
	z-index:9998;
}
#overlay {
	background:rgba(30,30,30,0.7);
	top:0;
	left:0;
	z-index:9997;
	width:100%;
	height:100%;
	position:fixed;
	overflow-y:scroll;
	box-sizing:border-box;
  	-webkit-overflow-scrolling: touch;
}
#overlay-content {
	position:absolute;
	z-index:9998;
	top:20px;
	left:18%;
	width:65%;
	padding: 15px 40px 0 40px;
	background: #fff;
	box-sizing:border-box;
	border-radius:6px;
	text-align:left;
	min-height: 96%;
}
.modal-close {
	color: #000 !important;
}
/*
.close-overlay {
	opacity:0.5;
	position:fixed;
	top:0;
	right:0;
	width:50px;
	height:50px;
	z-index:9999;
}
.close-overlay:hover {
	cursor:pointer;
	opacity: 0.8;
}
*/
.noscroll {
	overflow-x:hidden;
	overflow-y:hidden;
}
/* iPad and iPhone */
@media only screen 
and (max-width:1024px) {
	#overlay-content {
		left:auto;
		top:0;
		width:90%;
		max-width:90%;
		margin:5% 0 0 5%;
		padding:40px;
	}
}
/* iPhone only */
@media only screen 
and (max-device-width : 736px) {
	.modal-nav {
		display:none;
	}
}
/* iPad portrait only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#overlay-content {
		background-color:#f00;
	}
	.modal-nav {
		display:none;
	}
}

@media only screen 
and (max-width:768px) {
	#overlay-content {
		padding: 15px !important;
		margin:3% 0 0 3%;
		width:94%;
		max-width:94%;
	}
}


@media (max-width: 767px) {
	
	.stacked-padding-sm {
		padding-top: 30px;
	}	
	
/* REVERSE ORDER OF ROWS */	
  .row.reorder-xs {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    direction: rtl;
  }
  .row.reorder-xs > [class*="col-"] {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);

    direction: ltr;
  }

}

/* DA SPECIFIC MODAL STYLES
.modal-art .modal-header {
	padding: 15px 40px 0 40px
}
.modal-art h4 {
	margin-bottom: 0;
}
.modal-background {
	background: #f9f9f9;
}
.modal-avatar {
	display: inline-block;
}
.modal-avatar img {
	width: 2.4em;
	height: 2.4em;
	max-height: 2.4em;
	border-radius: 50%;
	border: 1px solid #666666;
}
.modal-avatar span {
    font-size: 0.85em;
}
.modal-header .close {
	float: right;
}
.modal-header .close {
	border: none;
	background: #ffffff;
}
.modal-header .close span {
	font-size: 3em;
}
.modal-art .modal-buy {
	padding: 20px 0;
	border-bottom: 1px solid #ececec;
	font-size: 0.85em;
}
.modal-art .modal-art-actions {
	padding: 20px 0;
}
.modal-art .fave a {
	text-decoration: none;
}
.modal-art .modal-art-actions .fave a i.material-icons {
	font-size: 4em;
	margin-right: 0;
	font-weight: normal;
}
.modal-art .modal-actions .list-inline li {
	display: inline-block;
	font-size: 1em;
	color: #666666;
}
.modal-art .modal-actions .list-inline li  i.material-icons {
	font-size: 16px;
}
.modal-art .modal-actions .list-inline li:not(:last-child) {
    margin-right: 1.85714286em;
}
.modal-art .modal-actions .list-inline li:first-child {
    padding-left: 0;
}
.modal-art .modal-art-actions span {
	display: block;
	font-size: 0.85em;
	line-height: 0.85em;
	margin-bottom: 10px;
	font-weight: normal;
}
.modal-art .modal-tags {
	border-top: 1px solid #ececec;
	padding: 20px 0;
	font-size: 0.85em;
	line-height: 0.8em;
}
.modal-art .modal-tags a {
	text-decoration: none;
}
.modal-art .modal-artist-info {
	border-top: 1px solid #ececec;
	padding: 20px 0;
	font-size: 0.85em;
	line-height: 1.25em;
}
.modal-art .modal-artist-info span.username {
	font-size: 0.75em;
	line-height: 0.75em;
	display: block;
	margin-top: -6px;
}
.modal-art .comments {
	border-top: 1px solid #ececec;
	margin-top: 40px;
	padding-top: 40px;
}
.comments + .comments-form {
	margin-top: 3.71428571em;
}

@media (max-width: 768px) {
	.modal-art .modal-header {
		padding: 15px 20px 0 20px;
	}
	.modal-art .modal-body {
		padding: 15px 20px;
	}
}
@media (min-width: 768px) {
	.modal-dialog {
		width: 900px;
		margin: 30px auto;
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
				box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}
	.modal-sm {
		width: 300px;
	}
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
 */

@media (min-width: 1583px) {
  .visible-xl-block {
    display: block !important;
  }
}