/* Add your CSS here */
@import url("animated-border.css");

/* Logo Height on Scroll */
.header.headhesive.headhesive--stick .logo img {
	/*height: 28px;*/
}


#shadow {
    border-radius: 50%;
    width: 100%;
    height: 100px;
    background: black;
    opacity: 0.25;
	transition:.3s;
    -webkit-filter: blur(10px);
    -webkit-transform: scale(0, 0);
	margin-top: -45px;
    z-index: 1;
}

.boxed:hover #shadow {
    border-radius: 50%;
    width: 100%;
    height: 100px;
    background: black;
    opacity: 0.25;
    -webkit-filter: blur(10px);
    -webkit-transform: scale(1, 0.2);
	margin-top: -45px;
    z-index: 1;
}

.icon-box {
    padding: 30px 12px;border:2px dotted #fff;
    margin: 0;transition:.3s;z-index:9;}
.boxed:hover .icon-box{background: #fff;}
.whiterain{background:#fff;}
.graycloud{background:#f9f9f9;}
 


/******/