/*body{
    background:#E6EEF6;
}*/
.wrap{
    margin-left:10px;
}
.box{
    width:45%;
    height:200px;
    float:left;
    background-color:white;
    margin:15px 15px;
    border-radius:5px;
}
.box h3{
    font-family: 'Didact Gothic', sans-serif;
    font-weight:normal;
    font-size: 18px;
    text-align:center;
    padding-top:5px;
    color: #1A1817;
}



.box1{
    background-color: #EBA39E;
}
.box2{
    background-color: #EDE89A;
}
.box3{
    background-color: #9EEBA1;
}
.box4{
    background-color: #9EEBBF;
}
.box5{
    background-color: #9ED9EB;
}
.box6{
    background-color: #9EB3EB;
}
.box7{
    background-color: #DB9EEB;
}
.box8{
    background-color: #C49EEB;
}
.shadow1, .shadow2, .shadow3,.shadow4,.shadow5,.shadow6,.shadow7,.shadow8{
    position:relative;
}
.shadow1,.shadow2,.shadow3,.shadow4,.shadow5,.shadow6,.shadow7,.shadow8{
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}
/*****************************************************************dashed border
****************************************************************/
.shadow1 h3, .shadow2 h3, .shadow3 h3, .shadow4 h3, .shadow5 h3, .shadow6 h3, .shadow7 h3, .shadow8 h3{
    width:87%;
    height:140px;
    margin-left:6%;
    border:2px dashed #F7EEEE;
    border-radius:5px;
}
/****************************************************************
*styling shadows
****************************************************************/
.shadow1:before, .shadow1:after{
    position:absolute;
    content:"";
    bottom:12px;left:15px;top:80%;
    width:45%;
    background:#9B7468;
    z-index:-1;
    -webkit-box-shadow: 0 5px 5px #9B7468;
    -moz-box-shadow: 0 5px 5px #9B7468;
    box-shadow: 0 5px 5px #9B7468;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    transform: rotate(-6deg);
}
.shadow1:after{
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    transform: rotate(6deg);
    right: 15px;left: auto;
}
.shadow2:before{
    position:absolute;
    content:"";
    width:80%;
    top:140px;bottom:15px;left:30px;
    background-color:#9F8641;
    z-index:-1;
    -webkit-box-shadow:0 23px 17px 0 #9F8641;
    -moz-box-shadow:0 23px 17px 0 #9F8641;
    box-shadow: 0 23px 17px 0 #9F8641;
    -webkit-transform:rotate(-4deg);
    -moz-transform:rotate(-4deg);
    transform:rotate(-4deg);
}
.shadow3:before, .shadow3:after{
    content:"";
    position:absolute;
    bottom:0;top:2px;left:15px;right:15px;
    z-index:-1;
    border-radius:100px/30px;
    -webkit-box-shadow:0 0 30px 2px #479F41;
    -moz-box-shadow:0 0 30px 2px #479F41;
    box-shadow: 0 0 30px 2px #479F41;
}
.shadow4:before, .shadow4:after{
    position:absolute;
    content:"";
    top:14px;bottom:14px;left:0;right:0;
    box-shadow:0 0 25px 3px #548E7F;
    border-radius:100px/10px;
    z-index:-1;
}
.shadow5:before, .shadow5:after{
    position:absolute;
    content:"";
    box-shadow:0 10px 25px 20px #518C96;
    top:40px;left:10px;bottom:50px;
    width:15%;
    z-index:-1;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
.shadow5:after{
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    transform: rotate(8deg);
    right: 10px;left: auto;
}
.shadow6:before, .shadow6:after{
    position:absolute;
    content:"";
    top:100px;bottom:5px;left:30px;right:30px;
    z-index:-1;
    box-shadow:0 0 40px 13px #486685;
    border-radius:100px/20px;
}
.shadow7:before, .shadow7:after{
    position:absolute;
    content:"1";
    top:25px;left:20px;bottom:150px;
    width:80%;
    z-index:-1;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    transform: rotate(-6deg);
}
.shadow7:before{
    box-shadow:10px -10px 30px 15px #984D8E;
}
.shadow7:after{
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    transform: rotate(7deg);
    bottom: 25px;top: auto;
    box-shadow:10px 10px 30px 15px #984D8E;
}
.shadow8{
    box-shadow:
            -6px -6px 8px -4px rgba(250,254,118,0.75),
            6px -6px 8px -4px rgba(254,159,50,0.75),
            6px 6px 8px -4px rgba(255,255,0,0.75),
            6px 6px 8px -4px rgba(0,0,255,2.75);
}