/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/*.wizard > .steps .current a, 
.wizard > .steps .current a:hover, 
.wizard > .steps .current a:active {
	background-color: transparent;
	color: #000000;
}*/

/*.wizard > .content {
	min-height: 12em;
}*/

#titles {
	list-style: none;
	padding-left: 0;
}

#titles li {
	float: left;
}

.title {
	cursor: pointer;
	color: #8d9093;
}

.title h3 {
	font-size: 24px;
}

.active-title {
	color: #000000;
}

.step-content {
	clear: left;
}

.help-text {
	margin-bottom: 30px;
    padding-top: 10px;
}

.btn-primary.btn-dark,
.btn-primary.btn-dark:hover
{
	background-color: #5D0749;
    border-color: #5D0749;
}

.btn-dt-mem {
	min-width: 181px;
	text-align: left;
}

.btn-dt-mem2 {
	min-width: 432px;
}

.title-arrow {
	color: #8d9093;
	margin-left: 10px;
	margin-right: 10px;
}

.btn-main-text {
	float: left;
}

.btn-val-text {
	float: right;
}

/*.spektrixi {
	height: 170px !important;
}*/

.spektrix-item h3 {
	font-size: 20px;
    font-weight: 900;
    word-spacing: 4px;
	padding-top: 10px;
    padding-bottom: 10px;
}

.spektrix-dummy-item iframe {
	width: 1px;
	height: 1px;
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/* ***************** */

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.btn-dt-mem2 {
		/*width: 100%;*/
		min-width: 100%;
		white-space: inherit !important;
		text-align: left;
	}
	.btn-main-text {
		float:left;
		white-space: inherit;
		text-align: left;
	}
	.btn-val-text {
		float: right;
		white-space: inherit;
		text-align: left;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}