/** When do you need new shoes?**/
.category-when-do-you-need-new-shoes .category-cms {
	width: auto;
	max-width: auto;
	padding: 0%;
	margin: auto;
	
}

/** Shoe Calculator **/

.shoe-calculator {
    background-color: #eff4f5;
    border: 1px solid #eff4f5;
    /*text-align: center;
    width: 80%;
    margin: 20px auto !important;
    height: auto;
    padding: 10px !important;*/
}

.shoe-calculator .row {
    padding: 5%;
}

.shoe-calculator .row .col-xs-6, .shoe-calculator .row .col-xs-8, .shoe-calculator .row .col-xs-4 {
    padding: 0% !important;
}

.shoe-calculator .shoe-calculator-text h2 {
    text-transform: none;
    width: 45%;
}

.shoe-calculator .shoe-calculator-question.row {
    padding: 5% 0%;
}

.shoe-calculator-question .question-number {
    border: 2px solid;
    width: 25px;
    height: 25px;
    display: inline-table;
    border-radius: 50%;
}

.shoe-calculator-question .question-number span {
    position: relative;
    margin: auto;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
	font-weight: 600;
	font-size: 1.2rem;
}

.shoe-calculator-question {
    background-color: transparent;
    width: 90%;
    margin: auto;
    font-size: 1.2rem;
    color: #1c6674;
    /*margin: 6px auto 12px;*/
    margin: 5% 0%;
}

.shoe-calculator-question .question p{
    display: inline;
    vertical-align: super;
    padding-left: 10px;
    /*background-color: transparent;
    width: 85%;
    text-align: left;
    padding: 12px;
    font-size: 22px;
    height: 52px;*/
}

.shoe-calculator-question .answer {
    /*display: inline-block;
    background-color: #fff;
    text-align: center;
    width: 10%;
    font-size: 17px;
    height: 52px;
    vertical-align: bottom;*/
    display: inline-table;
    vertical-align: super;
}

.shoe-calculator-question .answer input {
    text-align: center;
    color: #c9cfd1;
    border: 0.5px solid #c9cfd1;
    border-radius: 40px;
    width: 100px;
    display: inline-table;
    vertical-align: super;
    background-color: #fff;
}

.shoe-calculator .calculator-button {
    /*width: 86%; */
    background-color: #f16e67;
    /* margin: 10px auto; */
    color: #fff;
    /* font-size: 28px; */
    padding: 10px 25px;
    cursor: pointer;
    float: left;
    border-radius: 50px;
}

.shoe-calculator-result {
    height: auto;
    background: #2d7884;
    display: none;
}

.shoe-calculator-result .right-result {
    width: 50%;
    left: 50%;
    position: relative;
    padding: 5% 0%;
}

.shoe-calculator-result .arrow-down {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #E7EFF1;
    position: absolute;
    left: 53%;
}

.shoe-calculator-result h3 {
    color: white;
}

.shoe-calculator-result .description {
    color: white;
    width: 50%;
}

.shoe-calculator-result .description .headline {
    font-weight: 600;
    display: inline;
}

.shoe-calculator-result .description .text {
    color: white;
    display: inline;
}

.shoe-calculator-result .calculator-result-button {
    padding-top: 5%;
    display: none;
}

.shoe-calculator-result .calculator-result-button .find-store-btn {
    background: #f16e67;
    color: white;
    font-size: 1.4rem;
}

.shoe-calculator-result .calculator-result-button .shop-now-btn {
    background: transparent;
    font-size: 1.4rem;
}

.shoe-calculator .find-store-btn:hover, .shoe-calculator .calculator-button:hover {
    background: #1c6674 !important;
    color: #f16e67 !important;
}

@media (max-width: 768px) {
	.shoe-calculator .shoe-calculator-text h2 {
		width: auto;
	}

        .shoe-calculator-result .arrow-down {
                left: 13%;
        }
	
	.shoe-calculator-result .right-result {
		width: 80%;
    		left: 15%;
	}

	.shoe-calculator-result .description {
		width: 80%;
	}
}