.ppp-pricing-calculator{
background:#FFFFFF;
border-radius:5px;
box-shadow:0px 0px 5px rgba(0,0,0,.6);
padding:30px;
}

.ppp-pricing-calculator .pricing-calculator-top-message{
background:#d1d1d1;
border-radius:5px;
padding:10px 15px;
color:#ffffff;
font-weight:700;
text-align:Center;
}

.ppp-pricing-calculator .input-group-label{
font-size:18px;
margin-bottom:15px;
margin-top:25px;
}

.ppp-pricing-calculator .dog-quantity-selector{
display:inline-block;
vertical-align:middle;
margin-right:10px;
}

.ppp-pricing-calculator .dog-quantity-selector .dog{
display:inline-block;
width:55px;
height:45px;
background-image:url(https://www.poopoopros.com/wp-content/plugins/poo-poo-pros-pricing-calculator/core/shared/images/blankpuppyface.png);
background-size:contain;
background-repeat:no-repeat;
cursor:pointer;
transition:transform .2s;
-webkit-transition:-webkit-transform .2s;
}

.ppp-pricing-calculator .dog-quantity-selector .dog:hover{
transform:rotate(10deg);
-webkit-transform:rotate(10deg);
-ms-transform:rotate(10deg);
}

.ppp-pricing-calculator .dog-quantity-selector .dog:after{
background-image:url(https://www.poopoopros.com/wp-content/plugins/poo-poo-pros-pricing-calculator/core/shared/images/puppyface.png);
}

.ppp-pricing-calculator .dog-quantity-selector .dog.being-hovered,
.ppp-pricing-calculator .dog-quantity-selector .dog.active{
background-image:url(https://www.poopoopros.com/wp-content/plugins/poo-poo-pros-pricing-calculator/core/shared/images/puppyface.png);
}

.ppp-pricing-calculator .add-available-dog{
display:inline-block;
background:url(https://www.poopoopros.com/wp-content/plugins/poo-poo-pros-pricing-calculator/core/shared/images/greenplus.png);
width:25px;
height:25px;
background-size:contain;
background-repeat:no-repeat;
vertical-align:middle;
cursor:pointer;
}

.ppp-pricing-calculator .yard-size-selector .yard-size{
display:inline-block;
background-color:#d1d1d1;
font-size:30px;
font-weight:300;
padding:30px;
color:rgba(0,0,0,.3);
cursor:pointer;
position:relative;
margin-right:-4px;
}

.ppp-pricing-calculator .yard-size-selector .yard-size:before{
content:"";
width:100%;
height:13px;
position:absolute;
top:-12px;
left:0;
background-position:center center;
background-repeat:repeat-x;
background-image:url(https://www.poopoopros.com/wp-content/plugins/poo-poo-pros-pricing-calculator/core/shared/images/greygrass.png);
transition:transform .2s;
-webkit-transition:-webkit-transform .2s;
transform-origin:center bottom;
-webkit-transform-origin:center bottom;
-ms-transform-origin:center bottom;
}

.ppp-pricing-calculator .yard-size-selector .yard-size:after{
background-image:url(https://www.poopoopros.com/wp-content/plugins/poo-poo-pros-pricing-calculator/core/shared/images/grass-no-shadow.png);
}

.ppp-pricing-calculator .yard-size-selector .yard-size.being-hovered,
.ppp-pricing-calculator .yard-size-selector .yard-size.active{
background:#2A943C;
}

.ppp-pricing-calculator .yard-size-selector .yard-size:hover:before{
transform:scaleY(1.3);
-webkit-transform:scaleY(1.3);
-ms-transform:scaleY(1.3);
}

.ppp-pricing-calculator .yard-size-selector .yard-size.being-hovered:before,
.ppp-pricing-calculator .yard-size-selector .yard-size.active:before{
background-image:url(https://www.poopoopros.com/wp-content/plugins/poo-poo-pros-pricing-calculator/core/shared/images/grass-no-shadow.png);
}

.ppp-pricing-calculator .calculator-total{
font-family:'Source Sans Pro', sans-serif;
line-height:170%;
font-weight:300;
color:#1F1C1A;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}

.ppp-pricing-calculator .calculator-total .amount{
color:#2A943C;
}

.ppp-pricing-calculator .calculator-get-started-link{
display:inline-block;
vertical-align:middle;
text-transform:uppercase;
margin-top:2px;
display:none;
}

.ppp-pricing-calculator.get-started-shown .calculator-get-started-link{
display:inline-block;
}

.submit-quote-container.loading .submit-quote-button,
.ppp-pricing-calculator.loading .calculate-button{
cursor:not-allowed;
opacity:.5;
}

.ppp-pricing-calculator .submit-quote-container{
display:none;
margin-top:30px;
}

.ppp-pricing-calculator.get-started-shown .submit-quote-container{
display:block;
}

.submit-quote-container .get-started-title{
font-family:'Source Sans Pro', sans-serif;
line-height:170%;
font-size:20px;
font-weight:700;
color:#1F1C1A;
}

.submit-quote-container .input-group{
margin-top:20px;
}

.submit-quote-container .submit-quote-button{
margin-top:30px !important;
}

.form-error,
.form-success{
position:relative;
background:#B22111;
color:#FFFFFF;
height:0px;
overflow:hidden;
opacity:0;
transform:scale(0);
-webkit-transform:scale(0);
-ms-transform:scale(0);
transition:transform .2s;
-webkit-transition:-webkit-transform .2s;
border-radius:5px;
}

.form-success{
background:#2A943C;
}

.form-error.shown,
.form-success.shown{
height:auto;
margin-top:5px;
margin-bottom:5px;
padding:8px 15px;
opacity:1;
transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
transition:transform .2s;
-webkit-transition:-webkit-transform .2s;
}




/**
 * Mobile Specific Styles
**/

@media (max-width: 767px) {


.ppp-pricing-calculator .dog-quantity-selector .dog{
width:40px;
height:30px;
}


.ppp-pricing-calculator .yard-size-selector .yard-size{
font-size:20px;
padding:20px;
}


}