#preloader{display:none;}
.hide {display:none;}

input{font-size:20px; margin:6px 6px 6px 0;padding:4px;}

input[type="text"],input[type="email"],input[type="tel"]{    background-color: #fff;
    color: #000;
    width: 100%;
	border:solid 1px #000;}
	
    input[type='radio']:after {
        width: 17px;
        height: 17px;
        border-radius: 17px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 3px solid white;
    }

    input[type='radio']:checked:after {
        width: 17px;
        height: 17px;
        border-radius: 17px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #ffa500;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 3px solid white;
    }
.cta{font-size:22px; line-height:24px;}
	
input[type="submit"]{   width: 100%; font-size:20px;}
#outer {text-align:center; font-size:16px;}
#bigwrap {display: inline-block; width:70%; min-width:280px;}

.inputwrap {text-align:left;margin-top:14px; padding:12px; border:solid 1px #ccc;   border-radius: 3px;  width: 100%;}

.inputwrap:hover {border:solid 1px #000;}

#totalestimate{margin:16px 0 16px 0; font-size:28px; line-height:32px; padding:18px; background-color:#ff8300; color:#ffffff; }
output#z{font-size:36px;  color:#ffffff; font-weight:bold;}
output#z::before{content: "£"; }



.comordom img{max-width:200px;}

#domesticwrap{margin-top:24px;
}

.fadein{ animation: fadeIn ease 2s;
  -webkit-animation: fadeIn ease 2s;
  -moz-animation: fadeIn ease 2s;
  -o-animation: fadeIn ease 2s;
  -ms-animation: fadeIn ease 2s;
}
.fadeout{ animation: fadeOut ease 2s;
  -webkit-animation: fadeOut ease 2s;
  -moz-animation: fadeOut ease 2s;
  -o-animation: fadeOut ease 2s;
  -ms-animation: fadeOut ease 2s;
}
/*radio with image */
/* HIDE RADIO */
.charger [type=radio], .comordom [type=radio], #calculate [type=radio], #recalculate [type=radio]{ 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

#calculate label, #recalculate label{margin:4px; padding: 6px; border: 1px solid #ddd;}
#calculate label:active, #recalculate label:active{  outline: 2px solid #fff;}

/* IMAGE STYLES */
.charger [type=radio] + div, .comordom [type=radio] + div{
  cursor: pointer;
  outline: 1px solid #fff;
}



/* CHECKED STYLES */
.charger [type=radio]:checked + div, .comordom [type=radio]:checked + div {
  outline: 1px solid #ff8300; padding:2px; max-width:330px;
}