/*inn slide*/
.inn-slide{height: 350px}
.bg-bg{background-size: cover; background-position: center center;}
.hd-shadow {
    box-shadow: 0px 26px 72px 98px rgb(11 11 11 / 53%);
    width: 100%;
    position: absolute;
    z-index: 4;
}


/*calculator*/
.content{position: relative; height: 100%}
.content-overlay {
    background: #0070AF;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay {
    opacity: 1;
}

.content:hover figcaption {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.services ul.servlist li a.content:hover .h-hidden{opacity: 0 !important}
.services ul.servlist li a.content{box-shadow:inset 0 0 0 1px rgb(0 0 0 / 11%); padding: 1.7rem 1rem}
.services ul.servlist li a.content span {height: auto !important}
.services ul.servlist li a.content img{filter: none !important; width: 55px !important}

.content figcaption {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    color: rgb(255 255 255 / 82%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.calc-cont{padding: 5px 12px; border:1px solid white;}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.calc-list li{margin-bottom: 10px;     width: calc(100% / 4) !important; font-size: 17px}
@media (min-width:768px) and (max-width: 991px) {
    .calc-list li {
        width: calc(100% / 3) !important;
    }
}
@media (min-width:576px) and (max-width: 767px) {
    .calc-list li {
        width: calc(100% / 3) !important;
    }
}
@media (max-width: 575px) {
    .calc-list li {
        width: calc(100% / 2) !important; font-size: 14px;
    }
}
.content:hover .figcaption {
    top: 50%;
    left: 50%;
    opacity: 1;
    color: rgb(255 255 255 / 82%);
}
.content .figcaption {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    /*color: rgb(255 255 255 / 82%);*/
    color: #707070;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}