/* Start Icon */
/* Start House Icon */
.house1 {
    width: 0;
    height: 0;
    border-right: 60px solid transparent;
    border-left: 60px solid transparent;
    border-bottom: 50px solid #AAAACC;
}
.house1:after {
    position: absolute;
    content: '';
    width: 100px;
    height: 60px;
    background: #AAC;
    top: 125px;
    right: 25px;    
}
.house1:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 30px;
    background: #AAC;
    top: 98px;
    right: 30px;
}
/* End House Icon */
/* Start Bell Icon */
.bell1 {
    left: 300px;
    top: 20px;
    position: relative;
}
.bell1:before, .bell1:after {
    position: absolute;
    line-height: 0;
    content: "\2315";
    color: #d3d3d3;
    font-size: 100pt;
    text-indent: 30px;
    top: 0;
    width: 180px;
    height: 300px;
    background: #d3d3d3;
}
.bell1::before {
    left: 50px;
    border-radius: 150px 150px 20px 30px;
    -webkit-transform: rotate(15deg);
    -webkit-transform-origin: 0 0;
    transform: rotate(15deg);
    transform-origin: 0 0;
    background: radial-gradient(-50px 250px, 300px 1200px, transparent 20%, #d3d3d3 20%);
    background: -webkit-radial-gradient(-50px 250px, 300px 1200px, transparent 20%, #d3d3d3 20%);
}
.bell1::after {
    left: 0;
    -webkit-transform: rotate(-15deg);
    -webkit-transform-origin: 100% 0;
    transform: rotate(-15deg);
    transform-origin: 100% 0;
    border-radius: 150px 150px 30px 20px;
    background: radial-gradient(230px 250px, 300px 1200px, transparent 20%, #d3d3d3 20%);
    background: -webkit-radial-gradient(230px 250px, 300px 1200px, transparent 20%, #d3d3d3 20%);
    line-height: 550px;
    content: "\25cf";
    color: #d3d3d3;
    font-size: 130pt;
    text-indent: -15px;
}
/* End Bell Icon */
/* End  Icon*/