.social-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 0 -10px; } .social-wrap>div[class*="col-md-"] {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
box-sizing: border-box; } .social-wrap>.col-md-12 {
width: 100%;
} .social-wrap>.col-md-6 {
width: 50%;
} .social-wrap>.col-md-4 {
width: 33.33333333%;
} .social-wrap>.col-md-3 {
width: 25%;
} .social-wrap>.col-md-2 {
width: 16.66666667%;
} .social-wrap>.col-md-1 {
width: 8.33333333%;
} @media (max-width: 768px) { .social-wrap>.col-md-2,
.social-wrap>.col-md-3 {
width: 33.33333333%;
}
.social-wrap>.col-md-4,
.social-wrap>.col-md-6 {
width: 50%;
}
}
@media (max-width: 480px) { .social-wrap>.col-md-2,
.social-wrap>.col-md-3,
.social-wrap>.col-md-4 {
width: 50%;
}
.social-wrap>.col-md-6 {
width: 100%;
}
} .social-wrap.nsmw-admin-preview>.col-md-12 {
width: 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.social-wrap.nsmw-admin-preview>.col-md-6 {
width: 50% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
.social-wrap.nsmw-admin-preview>.col-md-4 {
width: 33.33333333% !important;
flex: 0 0 33.33333333% !important;
max-width: 33.33333333% !important;
}
.social-wrap.nsmw-admin-preview>.col-md-3 {
width: 25% !important;
flex: 0 0 25% !important;
max-width: 25% !important;
}
.social-wrap.nsmw-admin-preview>.col-md-2 {
width: 16.66666667% !important;
flex: 0 0 16.66666667% !important;
max-width: 16.66666667% !important;
}
.social-wrap.nsmw-admin-preview>.col-md-1 {
width: 8.33333333% !important;
flex: 0 0 8.33333333% !important;
max-width: 8.33333333% !important;
}.hvr-glow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow
}
.hvr-glow:active,
.hvr-glow:focus,
.hvr-glow:hover {
box-shadow: 0 0 8px rgba(0, 0, 0, .6)
} .hvr-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow
}
.hvr-shadow:active,
.hvr-shadow:focus,
.hvr-shadow:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5)
} .hvr-grow-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow, transform;
transition-property: box-shadow, transform
}
.hvr-grow-shadow:active,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
-webkit-transform: scale(1.1);
transform: scale(1.1)
} .hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform
}
.hvr-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity
}
.hvr-float-shadow:active,
.hvr-float-shadow:focus,
.hvr-float-shadow:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
.hvr-float-shadow:active:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:hover:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px)
} .hvr-shadow-radial {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative
}
.hvr-shadow-radial:after,
.hvr-shadow-radial:before {
pointer-events: none;
position: absolute;
content: '';
left: 0;
width: 100%;
box-sizing: border-box;
height: 5px;
opacity: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: opacity;
transition-property: opacity
}
.hvr-shadow-radial:before {
bottom: 100%;
background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%)
}
.hvr-shadow-radial:after {
top: 100%;
background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%)
}
.hvr-shadow-radial:active:after,
.hvr-shadow-radial:active:before,
.hvr-shadow-radial:focus:after,
.hvr-shadow-radial:focus:before,
.hvr-shadow-radial:hover:after,
.hvr-shadow-radial:hover:before {
opacity: 1
} .hvr-box-shadow-outset {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow
}
.hvr-box-shadow-outset:active,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:hover {
box-shadow: 2px 2px 2px rgba(0, 0, 0, .6)
} .hvr-box-shadow-inset {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 rgba(0, 0, 0, .6), 0 0 1px rgba(0, 0, 0, 0)
}
.hvr-box-shadow-inset:active,
.hvr-box-shadow-inset:focus,
.hvr-box-shadow-inset:hover {
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px rgba(0, 0, 0, 0)
}