@charset "utf-8";
#nosoffreshome h2
{
font-family: Montserrat-Bold;

color: #444342;
text-transform:uppercase;
margin-bottom:4%;
padding-top: 1%;
}
#nosoffreshome
{
margin-bottom:4%;
}



#nosoffreshome .box{
    position: relative;
    /*! box-shadow: 0 0 5px #555; */
}
#nosoffreshome .box:before,
#nosoffreshome .box:after{
    content: "";
    width: 0;
    height: 0;
    background: rgba(213, 104, 13, 0.6);
    position: absolute;
    transition: all 0.5s ease 0s;
    border-radius: 20px;
}
#nosoffreshome .box:before{
    top: 0;
    left: 0;
}
#nosoffreshome .box:after{
    bottom: 0;
    right: 0;
}
#nosoffreshome .box:hover:before,
#nosoffreshome .box:hover:after{
    width: 100%;
    height: 100%;
}
#nosoffreshome .box img{
    width: 100%;
    height: auto;
    border-radius: 20px;
}
#nosoffreshome .box .social-links{
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    top: 45%;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: all 0.7s ease 0s;
}
#nosoffreshome .box:hover .social-links{
    opacity: 1;
}
#nosoffreshome .box .social-links li{
    display: inline-block;
    margin-right: 5px;
}
#nosoffreshome .box .social-links li a{
    display: block;

    background: #fff;
    font-size: 19px;
    color: #3d3d3d;
	padding:10px;
	border-radius:40px;
	font-family: Montserrat-Bold;
    padding: 10px 27px;
    text-transform: uppercase;
}
#nosoffreshome .box .social-links li a:hover{
    background: #2072b3;
    color: #FFF;
	text-decoration:none;
}
#nosoffreshome .box .social-links li a:hover i{
    -webkit-animation-name: loading;
    animation-name: loading;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes loading{
    25%{
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    75%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes loading{
    25%{
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    75%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@media only screen and (max-width: 990px){
    #nosoffreshome .box{ margin-bottom: 20px; }
}