.vertical-center:before{
content: '';
height: 100%;
vertical-align: middle;
display: inline-block;
}
.vertical-center{
vertical-align: middle;
display: inline-block;
height: 100%;
}
.vertical-center-container{
width: 100%;
height: 100%;
font-size: 0;
}
.vertical-center-before{
display: inline-block;
vertical-align: middle;
height: 100%;
}
.vertical-center-content{
display: inline-block;
vertical-align: middle;
}
.vertical-center2-container{
display: table;
width: 100%;
height: 100%;
}
.vertical-center2-content{
display: table-cell;
vertical-align: middle;
}
.fa-vertical-center:after{
content: '';
height: 100%;
vertical-align: middle;
display: inline-block;
}
.fa-vertical-center{
vertical-align: middle;
display: inline-block;
height: 100%;
}  .container-16-9{
width: 100%;
padding-bottom: 56.25%;
height: 0;
position: relative;
}
.container-square{
width: 100%;
padding-bottom: 100%;
height: 0;
position: relative;
}
.container-rect-hor{
width: 100%;
padding-bottom: 50%;
height: 0;
position: relative;
}
.container-rect-vert{
width: 100%;
padding-bottom: 200%;
height: 0;
position: relative;
}
.container-16-9 .content, .container-square .content, .container-rect-hor .content, .container-rect-vert .content{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}  .text-uppercase{
text-transform: uppercase;
}
.text-lighter{
font-weight: lighter;
}
.text-normal{
font-weight: normal;
}
.text-bold{
font-weight: bold;
}  .margin-none{
margin: 0;
}
.margin-top-none{
margin-top: 0;
}
.margin-top-xs{
margin-top: 5px;
}
.margin-top-sm{
margin-top: 10px
}
.margin-top-md{
margin-top: 15px;
}
.margin-top-lg{
margin-top: 30px;
}
.margin-bottom-none{
margin-bottom: 0;
}
.margin-bottom-xs{
margin-bottom: 5px;
}
.margin-bottom-sm{
margin-bottom: 10px
}
.margin-bottom-md{
margin-bottom: 15px;
}
.margin-bottom-lg{
margin-bottom: 30px;
}
.margin-left-none{
margin-left: 0;
}
.margin-left-xs{
margin-left: 5px;
}
.margin-left-sm{
margin-left: 10px
}
.margin-left-md{
margin-left: 15px;
}
.margin-left-lg{
margin-left: 30px;
}
.margin-right-none{
margin-right: 0;
}
.margin-right-xs{
margin-right: 5px;
}
.margin-right-sm{
margin-right: 10px
}
.margin-right-md{
margin-right: 15px;
}
.margin-right-lg{
margin-right: 30px;
}  .padding-none{
padding: 0;
}
.padding-top-xs{
padding-top: 5px;
}
.padding-top-sm{
padding-top: 10px
}
.padding-top-md{
padding-top: 15px;
}
.padding-top-lg{
padding-top: 30px;
}
.padding-bottom-xs{
padding-bottom: 5px;
}
.padding-bottom-sm{
padding-bottom: 10px
}
.padding-bottom-md{
padding-bottom: 15px;
}
.padding-bottom-lg{
padding-bottom: 30px;
}
.padding-left-xs{
padding-left: 5px;
}
.padding-left-sm{
padding-left: 10px
}
.padding-left-md{
padding-left: 15px;
}
.padding-left-lg{
padding-left: 30px;
}
.padding-right-xs{
padding-right: 5px;
}
.padding-right-sm{
padding-right: 10px
}
.padding-right-md{
padding-right: 15px;
}
.padding-right-lg{
padding-right: 30px;
}
.padding-xs{
padding: 5px;
}
.padding-sm{
padding: 10px;
}
.padding-md{
padding: 15px;
}
.padding-lg{
padding: 30px;
}  .overlay-container{
position: relative;
}
.overlay{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.overlay-1{
background: rgba(235, 34, 39, 0.8);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.overlay-2{
background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.overlay-container:hover .overlay, .overlay-active{
opacity: 1;
}