.demo{ background-color: #e7e7e7; }

.serviceBox{

    font-family: "Poppins",sans-serif;

    text-align: center;

    padding: 50px 15px 13px;

    position: relative;

    z-index: 1;

}

.serviceBox:before,

.serviceBox:after{

    content: '';

    background-color: #3c40c6;

    height: 110px;

    width: 100%;

    /*border: 1px solid rgba(0,0,0,0.2);*/

    border-radius: 10px 10px 0 0;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.serviceBox:after{

    background-color: #fff;

    height: calc(100% - 115px);

    border-radius: 0 0 5px 5px;

    top: 115px;

}

.serviceBox .service-icon{

    color: #fff;

    background-color: #3c40c6;

    font-size: 50px;

    line-height: 100px;

    height: 110px;

    width: 110px;

    margin: 0 auto 15px;

    border-radius: 50%;

    /*border: 1px solid rgba(0,0,0,0.2);*/

    position: relative;

    z-index: 1;

}

.serviceBox .service-icon i.fa{ transition: all 0.3s ease 0s; }

.serviceBox:hover .service-icon i.fa{ transform: rotateX(360deg); }

.serviceBox .service-icon:before{

    content: '';

    background-color: rgba(0,0,0,0.2);

    height: 80%;

    width: 80%;

    border-radius: 50%;

    opacity: 0;

    transform: translateX(-50%) translateY(-50%);

    position: absolute;

    left: 50%;

    top :50%;

    z-index: -1;

    transition: all 0.3s;

}

.serviceBox:hover .service-icon:before{ opacity: 1; }

.serviceBox .title{

    color: #3c40c6;

    font-size: 18px;

    font-weight: 400;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin: 0 0 10px;

}

.serviceBox .description{

    color: #777;

    font-size: 15px;

    line-height: 25px;

    margin: 0;

}

.serviceBox.red:before,

.serviceBox.red .service-icon{

    background: rgba(3, 5, 0, 0.15); /*rgba(133, 158, 58, 0.35) /*#6A840D;*/

}

.serviceBox.red .title{ color: #6A840D; }

.serviceBox.skyblue:before,

.serviceBox.skyblue .service-icon{

    background: #d3e2a9;

}

.serviceBox.skyblue .title{ color: #0babe0; }

.serviceBox.orange:before,

.serviceBox.orange .service-icon{

    background: #ed5421;

}



.missionStmt{

	background:#F7F7F7;

	padding:1%;

	margin-top:-15%!important;

}

.serviceBox.orange .title{ color: #ed5421; }

@media only screen and (max-width:990px){

    .serviceBox{ margin: 0 0 40px; }

}

License Terms