/*------------------------------------------------------------------------
# mod_ju_services Extension
# ------------------------------------------------------------------------
# author    joomla2you
# copyright Copyright (C) 2018 joomla2you.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.joomla2you.com
-------------------------------------------------------------------------*/
:root{--hover-shadow:0 8px 21px 0 rgba(0,0,0,.1);--primary-shadow:0 2px 8px 0 rgba(0,0,0,.1)}
.snip *,.snip *:before,.snip *:after{box-sizing:border-box}
.single-square-service-content{padding:0 40px;min-height:330px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:5;position:relative;-webkit-transition:all .4s ease;transition:all .4s ease;width:calc(100%)}
.single-square-service-content h2, .single-square-service-content h2 a{margin:0 0 10px;color:#444;font-size:1.6em;text-transform:capitalize;-webkit-transition:all .4s ease;transition:all .4s ease}
.single-square-service-content p{-webkit-transition:all .4s ease;transition:all .4s ease}
.single-square-service-content:hover h2, .single-square-service-content:hover h2 a, .single-square-service-content:hover p,.single-square-service-content:hover i{color:#fff}
.single-square-service-content:before{position:absolute;content:"";top:0;left:0;height:100%;width:100%;background-color:#fff;box-shadow:var(--primary-shadow);z-index:-1}
.overlay-with-img{position:absolute;height:100%;width:100%;top:20px;left:20px;background-color:#333;z-index:-2;-webkit-transition:all .4s ease;transition:all .4s ease;pointer-events:none}
.overlay-with-img:before{position:absolute;content:"";top:0;left:0;height:100%;width:100%;-webkit-transition:all .4s ease;transition:all .4s ease;opacity:0;-ms-filter:"alpha(opacity=0)";background-repeat:no-repeat;background-position:center center;background-size:cover}
.single-square-service-content:hover .overlay-with-img{top:0;left:0;background-color:transparent}
.single-square-service-content:hover:before{background-color:#333;opacity:.8;-ms-filter:"alpha(opacity=80)";box-shadow:var(--hover-shadow)}
.single-square-service-content:hover .overlay-with-img:before{opacity:1;-ms-filter:"alpha(opacity=100)"}
.overlay-with-img img{position:absolute;content:"";top:0;left:0;height:100%;width:100%;-webkit-transition:all .4s ease;transition:all .4s ease;opacity:0;-ms-filter:"alpha(opacity=0)";background-repeat:no-repeat;background-position:center center;background-size:cover}
.single-square-service-content:hover .overlay-with-img img{opacity:1;-ms-filter:"alpha(opacity=100)"}
.smicon img{
    width: 110px !important;
    height: 110px !important;
    border-radius: 50%;
    transition: all .5s ease;
    margin: 0px;
    border: 10px solid  rgba(255,255,255,.2);
}
.smicon { margin-bottom: 10px;}
.single-square-service-content:hover .smicon img{ display: none;}